Increase max-height for model names in medium and compact density modes to prevent text cutoff

This commit is contained in:
Will Miao
2025-06-14 19:30:46 +08:00
parent c0b1c2e099
commit a66cef7cfe

View File

@@ -89,7 +89,7 @@
/* Smaller text for medium density */ /* Smaller text for medium density */
.medium-density .model-name { .medium-density .model-name {
font-size: 0.95em; font-size: 0.95em;
max-height: 2.6em; max-height: 3em; /* Increased from 2.6em */
} }
.medium-density .base-model-label { .medium-density .base-model-label {
@@ -105,7 +105,7 @@
/* Smaller text for compact mode */ /* Smaller text for compact mode */
.compact-density .model-name { .compact-density .model-name {
font-size: 0.9em; font-size: 0.9em;
max-height: 2.4em; max-height: 2.8em; /* Increased from 2.4em */
} }
.compact-density .base-model-label { .compact-density .base-model-label {
@@ -331,21 +331,24 @@
text-decoration: none; text-decoration: none;
} }
/* Updated model name to fix text cutoff issues */
.model-name { .model-name {
font-weight: bold; font-weight: bold;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
font-size: 0.95em; font-size: 0.95em;
word-break: break-word; word-break: break-word;
display: block; display: block;
max-height: 2.8em; max-height: 3em; /* Increased to ensure two full lines */
overflow: hidden; overflow: hidden;
/* Add line height for consistency */
line-height: 1.4;
} }
.model-info { .model-info {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
overflow: hidden; overflow: hidden;
padding-bottom: 4px; padding-bottom: 6px; /* Increased from 4px to give more room for text */
} }
.base-model { .base-model {