2 lines
2.1 KiB
CSS
2 lines
2.1 KiB
CSS
.image-gallery-modal[data-v-5cebea08]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-user-select:none;user-select:none;overflow:auto;transition:background .2s ease}.image-gallery-container[data-v-5cebea08]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;max-width:100vw;max-height:100vh}.image-wrapper[data-v-5cebea08]{position:relative;display:inline-block;max-width:90vw;max-height:80vh;cursor:pointer}.gallery-image[data-v-5cebea08]{max-width:100%;max-height:100%;border:5px solid #fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;transition:opacity .2s ease;opacity:1;background:#fff;object-fit:contain;display:block}.close-btn[data-v-5cebea08]{position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10001;font-size:20px}.close-btn[data-v-5cebea08]:hover{background:rgba(0,0,0,.7);transform:scale(1.1)}.nav-btn[data-v-5cebea08]{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10001;font-size:24px}.nav-btn[data-v-5cebea08]:hover{background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.nav-left[data-v-5cebea08]{left:-25px}.nav-right[data-v-5cebea08]{right:-25px}.image-index[data-v-5cebea08]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.5);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:10001}@media (max-width: 768px){.nav-btn[data-v-5cebea08]{width:40px;height:40px;font-size:20px}.nav-left[data-v-5cebea08]{left:-20px}.nav-right[data-v-5cebea08]{right:-20px}.close-btn[data-v-5cebea08]{top:15px;right:15px;width:35px;height:35px;font-size:18px}.image-index[data-v-5cebea08]{bottom:15px;padding:6px 12px;font-size:12px}}
|