mirror of
https://github.com/HeyPuter/puter.git
synced 2026-11-06 14:07:51 +00:00
fix(dashboard): keep Home's recent apps inside their card on tablets
Each recent app was a fixed 200px inside 1fr columns, whose minimum is that width, so in the half-width card on a landscape iPad the second column ran past the card's edge and its name was cut off with the ellipsis out of view. The rows now shrink with their column.
This commit is contained in:
1 parent
a845ab7240
commit
1c1d6e10e7
1 file changed
+4
-1
@@ -5835,7 +5835,7 @@ body.myapps-reordering .myapps-tile {
|
||||
|
||||
.dashboard .bento-recent-apps-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 12px 20px;
|
||||
}
|
||||
|
||||
@@ -5869,6 +5869,9 @@ body.myapps-reordering .myapps-tile {
|
||||
transition: transform 0.15s ease;
|
||||
gap: 12px;
|
||||
width: 200px;
|
||||
/* Narrower columns (a tablet's half-width card) shrink the row, and the
|
||||
title ellipsizes, instead of the second column spilling out of the card */
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.dashboard .bento-recent-app:focus-visible {
|
||||
|
||||
Reference in new issue
Block a user