/
Kovalenko
/
TODO
Обзор
Документация
Войти
/
Kovalenko
/
TODO
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
lab3
frontend/src/App.module.css
68 строк
1 KB
Kovalenko1
Done
29 дек 2025, 11:50
29 дек 2025, 11:50
f453b3b
Код
Авторство
О чём код?
.page { max-width: 1200px; margin: 0 auto; padding: var(--spacing-6xl) 22px 64px; display: flex; flex-direction: column; gap: var(--spacing-3xl); } .panel { background: var(--color-bg-secondary); backdrop-filter: blur(12px); border: 1px solid var(--color-border); box-shadow: var(--shadow-lg); border-radius: var(--radius-2xl); padding: var(--spacing-3xl); } .panelHeader { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-xl); flex-wrap: wrap; } .status { color: var(--color-status-info); font-weight: 600; padding: var(--spacing-md) var(--spacing-lg); border-radius: var(--radius-lg); background: rgba(245, 214, 123, 0.08); border: 1px solid rgba(245, 214, 123, 0.3); } .statusError { color: var(--color-status-error); background: rgba(255, 158, 158, 0.08); border-color: rgba(255, 158, 158, 0.3); } .tasks { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--spacing-xl); margin-top: var(--spacing-xl); animation: fadeIn 220ms ease both; } .badge { background: var(--color-primary); color: #02111d; padding: var(--spacing-lg) var(--spacing-2xl); border-radius: var(--radius-lg); font-weight: 700; border: 1px solid rgba(255, 255, 255, 0.15); } @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }