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

swap friend SVGs for wizard emoji, 2-up shorter project cards on phones

Browse source
This commit is contained in:
Martin Dvořák 2026-09-30 21:20:05 +00:00
commit 6827ca6ed1
9 changed files with 41 additions and 19815 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/app/web.css
View file

@ -562,7 +562,8 @@ html[data-theme="web"] body {
color: var(--fg);
}
/* Friend cards stack their round avatar above the name. */
/* Friend cards centre their text (the web theme has no icon; the desktop
Friends app shows the wizard emoji above the name). */
.service-button.friend {
flex-direction: column;
text-align: center;
@ -592,23 +593,13 @@ html[data-theme="web"] body {
transform: none;
filter: none;
}
/* The desktop Friends app shows a big wizard emoji in place of the old avatars. */
.service-button.friend .service-icon {
width: 64px;
height: 64px;
border-radius: 50%;
overflow: hidden;
font-size: 2.6rem;
filter: none;
}
.friend-icon {
display: block;
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
}
html[data-theme="web"][data-scheme="dark"] .friend-icon {
filter: invert(1) brightness(1.5);
}
/* ============================================================
PROJECTS / HARDWARE
@ -1129,8 +1120,25 @@ html[data-theme="web"][data-scheme="dark"] .heatmap-legend-cell[data-level="4"]
font-size: 0.82rem;
font-weight: 600;
}
/* Projects/hardware gallery: 2-up on phones instead of one full-width card
per row, with a shorter image + tighter card so a row is compact. */
.project-grid {
columns: 1;
columns: 2;
column-gap: 10px;
}
.project-card {
margin-bottom: 10px;
padding: 10px;
}
.project-image {
height: 90px;
margin-bottom: 8px;
}
.project-title {
font-size: 0.88rem;
}
.project-desc {
font-size: 0.75rem;
}
.services-buttons,
.services-buttons.services-main {