lee/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-08-25 23:46:51 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Size the pill icon to balance the capsule

Browse Source 
16px read as undersized next to the 26px buttons in the 36px capsule —
bump the expanded icon to 20px with a proportional (25%) radius, and
object-fit: cover in case an app icon isn't square. Collapsed size is
unchanged.
This commit is contained in:
jelveh
2026-07-22 14:19:09 -07:00
parent 0051855045
commit 9efb5856ae
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/gui/src/css/dashboard.css
+7 -3
View File
@@ -4305,9 +4305,13 @@ body.dashboard-mode .window-dashboard-headless .window-body-app {
}
.dashboard-app-pill-icon {
width: 16px;
height: 16px;
border-radius: 4px;
/* 20px balances the 26px buttons and the 36px capsule (16px read as
undersized); radius stays 25% of the icon for the app-icon look.
Square icons only — cover guards against a non-square one. */
width: 20px;
height: 20px;
border-radius: 5px;
object-fit: cover;
display: block;
transition: width 0.18s ease, height 0.18s ease;
}