Allow adaptive multi-line model names in cards

- Remove fixed min-height from card-footer for adaptive sizing
- Increase model-name max-height to 5.6em (4 lines)

Enables full display of long custom-trained LoRA filenames
This commit is contained in:
Will Miao
2026-02-23 18:19:02 +08:00
parent 70398ed985
commit 916bfb0ab0

View File

@@ -282,7 +282,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; /* Changed from flex-end to allow for text wrapping */ align-items: flex-start; /* Changed from flex-end to allow for text wrapping */
min-height: 32px; min-height: auto;
gap: var(--space-1); /* Add gap between model info and actions */ gap: var(--space-1); /* Add gap between model info and actions */
} }
@@ -413,7 +413,7 @@
font-size: 0.95em; font-size: 0.95em;
word-break: break-word; word-break: break-word;
display: block; display: block;
max-height: 3em; /* Increased to ensure two full lines */ max-height: 4.2em; /* Allow up to 3 lines */
overflow: hidden; overflow: hidden;
/* Add line height for consistency */ /* Add line height for consistency */
line-height: 1.4; line-height: 1.4;