alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-25 15:15:44 -03:00
Code Issues Packages Projects Releases Wiki Activity

feat: Adjust sidebar position to align with viewport edges for improved layout consistency

Browse Source
This commit is contained in:
Will Miao
2025-08-27 09:11:05 +08:00
parent d62cff9841
commit 0700b8f399
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
static/css/components/sidebar.css
View File

@@ -1,7 +1,7 @@
.folder-sidebar { .folder-sidebar {
position: fixed; position: fixed;
top: 68px; /* Below header */ top: 68px; /* Below header */
left: 10px; left: 0px;
width: 230px; width: 230px;
height: calc(100vh - 88px); height: calc(100vh - 88px);
background: var(--bg-color); background: var(--bg-color);
@@ -369,21 +369,21 @@
@media (min-width: 2000px) { @media (min-width: 2000px) {
.folder-sidebar { .folder-sidebar {
width: 280px; width: 280px;
left: 24px; left: 0px;
} }
} }
@media (min-width: 3000px) { @media (min-width: 3000px) {
.folder-sidebar { .folder-sidebar {
width: 320px; width: 320px;
left: 32px; left: 0px;
} }
} }
@media (max-width: 1400px) { @media (max-width: 1400px) {
.folder-sidebar { .folder-sidebar {
width: 260px; width: 260px;
left: 16px; left: 0px;
} }
} }
@@ -435,7 +435,7 @@
@media (max-width: 1024px) { @media (max-width: 1024px) {
.folder-sidebar { .folder-sidebar {
top: 68px; top: 68px;
left: 16px; left: 0px;
width: calc(100vw - 32px); width: calc(100vw - 32px);
max-width: 320px; max-width: 320px;
height: calc(100vh - 88px); height: calc(100vh - 88px);
@@ -464,7 +464,7 @@
.folder-sidebar { .folder-sidebar {
width: calc(100vw - 32px); width: calc(100vw - 32px);
max-width: 280px; max-width: 280px;
left: 16px; left: 0px;
} }
.sidebar-breadcrumb-nav { .sidebar-breadcrumb-nav {