marcoallegretti/likwid
1
0
Fork 0
mirror of https://codeberg.org/likwid/likwid.git synced 2026-02-09 21:13:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ui: polish communities cards on mobile

Browse source
This commit is contained in:
Marco Allegretti 2026-02-04 01:06:08 +01:00
parent 31953dcf5c
commit 6f9b5949ad
1 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/pages/communities.astro
View file

@ -269,6 +269,12 @@ import { API_BASE as apiBase } from '../lib/api';
transition: transform var(--motion-normal) var(--easing-standard), box-shadow var(--motion-normal) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard); transition: transform var(--motion-normal) var(--easing-standard), box-shadow var(--motion-normal) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard);
} }
@media (max-width: 640px) {
.community-tile {
padding: 1rem;
}
}
.community-tile::before { .community-tile::before {
content: ''; content: '';
position: absolute; position: absolute;
@ -302,6 +308,12 @@ import { API_BASE as apiBase } from '../lib/api';
margin: 0; margin: 0;
} }
@media (max-width: 640px) {
.tile-title {
font-size: 1rem;
}
}
.tile-slug { .tile-slug {
font-family: 'SF Mono', Monaco, 'Cascadia Code', ui-monospace, monospace; font-family: 'SF Mono', Monaco, 'Cascadia Code', ui-monospace, monospace;
font-size: 0.8125rem; font-size: 0.8125rem;
@ -321,6 +333,12 @@ import { API_BASE as apiBase } from '../lib/api';
min-height: calc(0.9375rem * 1.55 * 2); min-height: calc(0.9375rem * 1.55 * 2);
} }
@media (max-width: 640px) {
.tile-desc {
font-size: 0.9rem;
}
}
.tile-meta { .tile-meta {
margin-top: 1rem; margin-top: 1rem;
display: flex; display: flex;
@ -328,6 +346,12 @@ import { API_BASE as apiBase } from '../lib/api';
flex-wrap: wrap; flex-wrap: wrap;
} }
@media (max-width: 640px) {
.tile-meta {
margin-top: 0.75rem;
}
}
.meta-pill { .meta-pill {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;