/
task-tracker
/
TaskTracker.UI
Обзор
Документация
Войти
/
task-tracker
/
TaskTracker.UI
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
master
src/styles/_grid.scss
74 строки
1 KB
Ametusik
#1
: Архитектура проекта
28 апр 2025, 12:44
28 апр 2025, 12:44
f47df22
Код
Авторство
О чём код?
@use "colors"; @use "scroll"; .grid-layout { overflow-y: auto; overflow-x: hidden; display: block; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid colors.$default-border-color; background-image: url("/assets/img/grid-bgnd.png"); background-repeat: repeat; background-attachment: scroll; position: relative; @include scroll.thin-blue-scrollbar(); } .grid-container { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; height: 100%; padding-bottom: 10px; background: transparent; padding-top: 40px; position: relative; .sort-container { display: flex; flex-direction: row-reverse; position: absolute; top: 10px; width: 100%; margin-right: 30px; .sort-box { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 70px; color: colors.$text-blue-color; height: 100%; min-height: 30px; padding: 0 6px; border-radius: 5px; background: colors.$default-background-color; box-shadow: 0 0 4px 1px colors.$default-shadow-color; margin-right: 10px; } } } .card-header { display: flex; flex-direction: row; justify-content: center; align-items: center; min-height: 35px; width: 100%; padding: 0 6px 0 6px; box-sizing: border-box; .logo { display: block; box-sizing: border-box; width: 40px; height: 24px; } }