homelab/Heimdall
1
0
Fork 0
mirror of https://github.com/linuxserver/Heimdall.git synced 2026-08-07 07:16:13 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fix inconsistent SVG tile icon sizes

Browse Source 
SVG icons with explicit width/height attributes rendered tiny because
max-width/max-height only caps intrinsic size and never scales up, while
dimensionless SVGs defaulted large and were capped to 60px. Pin .app-icon
to a fixed 60x60 box with object-fit: contain so every icon renders at a
consistent size while preserving aspect ratio.

Fixes #1582
This commit is contained in:
KodeStar
2026-08-03 15:47:36 +01:00
parent 327af60d1c
commit 91f7a2ec8d
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/app.css
Vendored
+3 -2
View File
@@ -927,9 +927,10 @@ div.create .input input, div.create .input select {
} }
.app-icon { .app-icon {
max-width: 60px; width: 60px;
height: 60px;
object-fit: contain;
display: block; display: block;
max-height: 60px;
} }
.sidenav { .sidenav {
resources/assets/sass/_app.scss
+3 -2
View File
@@ -722,9 +722,10 @@ div.create {
flex: 0 0 60px; flex: 0 0 60px;
} }
.app-icon { .app-icon {
max-width: 60px; width: 60px;
height: 60px;
object-fit: contain;
display: block; display: block;
max-height: 60px;
} }
.sidenav { .sidenav {