vyla-entertainment/documentation
2
0
Fork 0
mirror of https://gitlab.com/vyla-entertainment/documentation.git synced 2026-11-14 06:27:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

UI updated

Browse Source
This commit is contained in:
alwaysmesmerizingyou
2026-10-07 14:05:39 -07:00
parent 945b0a1836
commit d6ec1f93b8
3 changed files with 54 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
assets/base.css
View File

@@ -1416,7 +1416,7 @@ html.dark .search-footer {
.mobile-tabs {
display: block;
margin-top: 50px;
margin-top: 8px;
}
body.nav-open #theme-seg {
@@ -1445,16 +1445,16 @@ html.dark .search-footer {
#sidebar {
position: fixed;
left: 0;
top: var(--sidebar-top, var(--header-height));
top: 0;
width: 80%;
max-width: 340px;
height: calc(100vh - var(--sidebar-top, var(--header-height)));
height: calc(100dvh - var(--sidebar-top, var(--header-height)));
padding: 20px 16px;
height: 100vh;
height: 100dvh;
padding: 0 16px 20px;
background: var(--bg-light);
transform: translateX(-100%);
transition: transform 0.2s ease;
z-index: 30;
z-index: 200;
}
html.dark #sidebar {
@@ -1498,4 +1498,37 @@ main.prose p {
main.prose p,
main.prose li {
line-height: 1.75;
}
.side-head {
display: none;
}
@media (max-width: 900px) {
.side-head {
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
margin: 0 -16px 12px;
padding: 0 20px;
}
#sidebar .side-head .brand {
display: flex;
align-items: center;
}
#sidebar .side-head .brand img {
height: 28px;
width: 28px;
border-radius: 50%;
display: block;
}
#sidebar .side-links {
display: flex;
align-items: center;
gap: 10px;
}
}