dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add Danny Kotan, make web friend cards text-only 2x2 on phones

Browse source
This commit is contained in:
Martin Dvořák 2026-09-30 14:50:21 +00:00
commit dbf193fde9
8 changed files with 68 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/app/web.css
View file

@ -571,10 +571,18 @@ html[data-theme="web"] body {
}
.service-button.friend .service-text {
align-items: center;
width: 100%;
/* Leave room for the corner status dot so names don't run under it. */
padding-inline: 10px;
}
/* Friend cards are text-only now, so let long names wrap instead of running
under the corner status dot. */
.service-button.friend .service-name {
white-space: normal;
}
.service-button.friend .service-status-dot {
top: 14px;
right: 14px;
top: 12px;
right: 12px;
left: auto;
width: 11px;
height: 11px;
@ -1128,6 +1136,10 @@ html[data-theme="web"][data-scheme="dark"] .heatmap-legend-cell[data-level="4"]
.services-buttons.services-main {
grid-template-columns: 1fr;
}
/* Friends are text-only cards now, so they read fine as a 2x2 grid. */
.services-buttons.friends-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.social-buttons {
grid-template-columns: 1fr 1fr;
}