/
alt3rmann
/
graphql-engine
Обзор
Документация
Войти
/
alt3rmann
/
graphql-engine
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/src/components/Thumbnail/styles.module.scss
88 строк
1 KB
Rikin Kachhia
docs: move docs-new to docs
13 апр 2022, 15:01
13 апр 2022, 15:01
cc30f08
Код
Авторство
О чём код?
.main-img { cursor: pointer; box-shadow: -1px 2px 20px 2px #d9d9d9; margin-top: 20px; margin-bottom: 30px; } html[data-theme='dark'] .main-img { box-shadow: -1px 2px 20px 2px rgba(0, 0, 0, 0.3); background-color: var(--color-gray-0); } .modal { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); display: flex; align-items: flex-start; justify-content: center; opacity: 0; transition: all 0.3s ease-in-out; pointer-events: none; overflow: hidden; z-index: 999; padding: 40px 20px 20px; &.enter-done { opacity: 1; pointer-events: auto; } &.exit { opacity: 0; } } .modal-content { /* width: 500px; */ transition: all 0.3s ease-in-out; transform: scale(0.4); } .modal { &.enter-done .modal-content { transform: scale(1); } &.exit .modal-content { transform: scale(0.4); } } .modal-header { padding: 10px; } .modal-footer { padding: 10px; display: flex; justify-content: flex-end; .button { color: white; background-color: transparent; font-size: 2rem; border: none; cursor: pointer; &:hover { color: red; } } } .modal-body { padding: 2px; background-color: #fff; border-radius: 2px; } .modal-img { width: 100%; height: 100%; max-height: 80vh; }