j.brandenburger/helldivers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: larger, brighter icons on dashboard and tables (-md, -sm sizes)

Browse Source
This commit is contained in:
Jeremy Brandenburger
2026-03-31 18:43:32 +02:00
parent b35687d095
commit 765d857cdc
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CHANGELOG.md
+1
View File
@@ -5,6 +5,7 @@
### Changed ### Changed
- **Stratagem main icon**: Größer (86→110px, mobil 70→88px), hellerer Gold-Filter mit `drop-shadow` Glow, leuchtender Kreis-Hintergrund für besseren Kontrast - **Stratagem main icon**: Größer (86→110px, mobil 70→88px), hellerer Gold-Filter mit `drop-shadow` Glow, leuchtender Kreis-Hintergrund für besseren Kontrast
- **Queue preview**: Icons größer (36→44px), Labels wrappen jetzt über 2 Zeilen statt abzuschneiden, Breite von 60→72px pro Item, Abstufung der Opazität (75%/55%/40% statt 70%/45%) - **Queue preview**: Icons größer (36→44px), Labels wrappen jetzt über 2 Zeilen statt abzuschneiden, Breite von 60→72px pro Item, Abstufung der Opazität (75%/55%/40% statt 70%/45%)
- **Dashboard/Tabellen-Icons** (`-md` und `-sm`): Größer (40→52px / 22→26px), stärkerer Gold-Filter, höhere Opazität (0.85→1 / 0.7→0.9) für bessere Erkennbarkeit
--- ---
public/styles.css
+9 -9
View File
@@ -1707,21 +1707,21 @@ select option { background: var(--bg-surface2); }
} }
.stratagem-icon-md { .stratagem-icon-md {
width: 40px; width: 52px;
height: 40px; height: 52px;
object-fit: contain; object-fit: contain;
filter: invert(1) sepia(1) saturate(3) hue-rotate(0deg) brightness(1.1); filter: invert(1) sepia(1) saturate(4) hue-rotate(0deg) brightness(1.25) drop-shadow(0 0 5px rgba(255,210,0,0.3));
opacity: 0.85; opacity: 1;
} }
.stratagem-icon-sm { .stratagem-icon-sm {
width: 22px; width: 26px;
height: 22px; height: 26px;
object-fit: contain; object-fit: contain;
filter: invert(1) sepia(1) saturate(2) hue-rotate(0deg) brightness(1); filter: invert(1) sepia(1) saturate(3) hue-rotate(0deg) brightness(1.2);
opacity: 0.7; opacity: 0.9;
vertical-align: middle; vertical-align: middle;
margin-right: 5px; margin-right: 6px;
} }
/* Icon shake animation */ /* Icon shake animation */