thohlt/archtika
1
0
Fork 0
mirror of https://github.com/thiloho/archtika.git synced 2025-11-22 10:51:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use fluid scale custom properties and make everything mobile friendly

Browse Source
This commit is contained in:
thiloho
2024-08-15 16:26:32 +02:00
parent 3eb05da564
commit 2a1ada1c70
11 changed files with 244 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web-app/src/routes/(authenticated)/+page.svelte
View File

@@ -157,24 +157,24 @@
<style>
.website-grid {
display: grid;
gap: 1rem;
gap: var(--space-s);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 35ch), 1fr));
margin-block-start: 1rem;
margin-block-start: var(--space-m);
}
.website-card {
border: var(--border-primary);
display: flex;
flex-direction: column;
gap: 1rem;
padding-inline: 1rem;
padding-block: 2rem;
gap: var(--space-s);
padding-inline: var(--space-s);
padding-block: var(--space-m);
}
.website-card__actions {
display: flex;
align-items: center;
gap: 0.5rem;
gap: var(--space-2xs);
flex-wrap: wrap;
}
</style>