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

feat: Improve card layout by adding overflow hidden and fixing flexbox sizing issues

Browse Source
This commit is contained in:
Will Miao
2025-04-13 18:20:15 +08:00
parent fa27513f76
commit 76fd722e33
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
static/css/components/card.css
View File

@@ -23,6 +23,7 @@
cursor: pointer; /* Added from recipe-card */ cursor: pointer; /* Added from recipe-card */
display: flex; /* Added from recipe-card */ display: flex; /* Added from recipe-card */
flex-direction: column; /* Added from recipe-card */ flex-direction: column; /* Added from recipe-card */
overflow: hidden; /* Add overflow hidden to contain children */
} }
.lora-card:hover { .lora-card:hover {
@@ -50,9 +51,11 @@
.card-preview { .card-preview {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%; /* This should work with aspect-ratio on parent */
border-radius: var(--border-radius-base); border-radius: var(--border-radius-base);
overflow: hidden; overflow: hidden;
flex-shrink: 0; /* Prevent shrinking */
min-height: 0; /* Fix for potential flexbox sizing issue in Firefox */
} }
.card-preview img, .card-preview img,