Панель со списками заявок (#1)

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz>
Reviewed-on: http://git.tnsu.kz/timur.gorodetskiy/request-portal/pulls/1
Co-authored-by: gorbenko.pavel <gorbenko.pavel@tnsu.kz>
Co-committed-by: gorbenko.pavel <gorbenko.pavel@tnsu.kz>
This commit was merged in pull request #1.
This commit is contained in:
2026-08-04 12:02:11 +00:00
committed by timur.gorodetskiy
parent ba4e3feee5
commit 0aa0a60e40
21 changed files with 1442 additions and 121 deletions
@@ -32,13 +32,13 @@
font-family: $font-sans;
}
// Двухколоночная раскладка: формы (main) + постоянная панель (side).
// Раскладка: боковое меню (side) + основная область (main).
.layout {
display: flex;
align-items: flex-start;
gap: $sp-6;
width: 100%;
max-width: 1400px;
max-width: 1600px;
margin: 0 auto;
}
@@ -47,21 +47,27 @@
min-width: 0; // чтобы контент не распирал колонку
}
// Ширину задаёт само меню (SideNav сворачивается) — колонка просто под него.
.side {
flex: 0 0 380px;
flex: 0 0 auto;
position: sticky;
top: $sp-4;
align-self: stretch;
}
// На узких экранах панель уходит под формы.
// Та же ширина, что у контента подачи (SubmitFeature .content) — чтобы вкладки
// не уезжали шире формы под ними.
.tabsWrap {
max-width: 1080px;
margin-bottom: $sp-6;
}
// На узких экранах меню уходит наверх, в одну строку.
@media (max-width: 900px) {
.layout {
flex-direction: column;
}
.side {
flex-basis: auto;
width: 100%;
position: static;
}