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

Refactor duplicates banner styles for improved layout and responsiveness

Browse Source
This commit is contained in:
Will Miao
2025-05-16 15:47:08 +08:00
parent c9fa0564e7
commit 370aa06c67
1 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
static/css/components/duplicates.css
View File

@@ -2,25 +2,38 @@
/* Duplicates banner */ /* Duplicates banner */
.duplicates-banner { .duplicates-banner {
position: sticky; position: relative; /* Changed from sticky to relative */
top: 48px; /* Match header height */
left: 0;
width: 100%; width: 100%;
background-color: var(--card-bg); background-color: var(--card-bg);
color: var(--text-color); color: var(--text-color);
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
z-index: var(--z-overlay); z-index: var(--z-overlay);
padding: 12px 16px; padding: 12px 0; /* Removed horizontal padding */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease; transition: all 0.3s ease;
margin-bottom: 20px; /* Add margin to create space below the banner */
} }
.duplicates-banner .banner-content { .duplicates-banner .banner-content {
max-width: 1400px; max-width: 1400px; /* Match the container max-width */
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
padding: 0 16px; /* Move horizontal padding to the content */
}
/* Responsive container for larger screens - match container in layout.css */
@media (min-width: 2000px) {
.duplicates-banner .banner-content {
max-width: 1800px;
}
}
@media (min-width: 3000px) {
.duplicates-banner .banner-content {
max-width: 2400px;
}
} }
.duplicates-banner i.fa-exclamation-triangle { .duplicates-banner i.fa-exclamation-triangle {