/
Stameskaaa
/
Client
Обзор
Документация
Войти
/
Stameskaaa
/
Client
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/notification/styles.module.scss
58 строк
1018 B
Stameskaaa
fix
21 июн 2024, 21:41
21 июн 2024, 21:41
b6b2178
Код
Авторство
О чём код?
.wrapper { z-index: 2; position: absolute; width: 20%; max-height: 100%; min-height: 100%; left: 0; top: 0; min-width: 150px; max-width: 300px; display: flex; flex-direction: column; justify-content: end; box-sizing: border-box; padding: 10px; gap: 10px; pointer-events: none; overflow: hidden; } .container { display: flex; flex-direction: column; gap: 10px; } .notification { width: 100%; background-color: var(--color-lighterdark); border-radius: 5px; border: 2px solid var(--color-primary); height: auto; padding: 5px; box-sizing: border-box; pointer-events: all; animation: fadeOut 1s ease-in-out 8s forwards; p { display: inline-block; width: 100%; max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; padding: 5px; box-sizing: border-box; margin: 0; color: var(--color-tertiary); } } @keyframes fadeOut { to { opacity: 0; transform: translateY(100%); } } .hidden { display: none; }