wasrusgen/zashita-brandbook
1
0
Fork 0
mirror of https://github.com/wasrusgen/zashita-brandbook.git synced 2026-06-03 17:44:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

cabinet: mobile responsive layout (sidebar -> top tabs on mobile)

Browse Source
This commit is contained in:
WASRUSGEN 2026-05-26 23:23:29 +03:00
parent d636d220e6
commit 56ae8b8f9d
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
mockup.html
View File

@ -329,6 +329,15 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
/* ДОКУМЕНТЫ / КЕЙСЫ */ /* ДОКУМЕНТЫ / КЕЙСЫ */
.tab-content{padding:14px 0} .tab-content{padding:14px 0}
/* КАБИНЕТ — мобиль: сайдбар скрыть, контент на всю ширину */
.app{flex-direction:column}
.side{width:100%;flex-direction:row;flex-wrap:wrap;padding:8px 0 0;gap:0;min-height:unset}
.side .lg{display:none}
.side .prof{display:none}
.side a{padding:8px 12px;font-size:12px;flex-direction:column;gap:2px;border-left:none;border-bottom:2px solid transparent;text-align:center;flex:1}
.side a.on{background:rgba(159,18,57,.2);border-left:none;border-bottom-color:var(--bg)}
.main{padding:16px 14px}
} }
/* ── TELEGRAM MINIAPP ── */ /* ── TELEGRAM MINIAPP ── */