Skip to content

Commit 18c5652

Browse files
committed
Make health panel close button more prominent
Increased X button size to 1.25rem and added red hover color to make it more obvious and easier to close the panel.
1 parent 0f2fd03 commit 18c5652

1 file changed

Lines changed: 8 additions & 0 deletions

File tree

src/lib/components/ui/HealthPanel.svelte

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -292,12 +292,20 @@
292292
align-items: center;
293293
}
294294
295+
.close-btn {
296+
font-size: 1.25rem;
297+
}
298+
295299
.close-btn:hover,
296300
.refresh-btn:hover {
297301
color: var(--text-primary);
298302
background: rgba(255, 255, 255, 0.06);
299303
}
300304
305+
.close-btn:hover {
306+
color: var(--error);
307+
}
308+
301309
.refresh-btn:disabled {
302310
cursor: default;
303311
opacity: 0.5;

0 commit comments

Comments
 (0)