thohlt/archtika
1
0
Fork 0
mirror of https://github.com/thiloho/archtika.git synced 2025-11-22 19:01:35 +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

13
web-app/src/routes/(authenticated)/website/[websiteId]/collaborators/+page.svelte
View File

@@ -117,19 +117,24 @@
.collaborator-card {
display: flex;
align-items: center;
column-gap: 2rem;
row-gap: 0.5rem;
column-gap: var(--space-s);
row-gap: var(--space-2xs);
flex-wrap: wrap;
justify-content: space-between;
}
.collaborator-card + .collaborator-card {
padding-block-start: var(--space-s);
border-block-start: var(--border-primary);
}
.collaborator-card:nth-of-type(1) {
margin-block-start: 1rem;
margin-block-start: var(--space-xs);
}
.collaborator-card__actions {
display: flex;
gap: 0.5rem;
gap: var(--space-2xs);
align-items: center;
}
</style>