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

10
web-app/src/lib/components/Modal.svelte
View File

@@ -25,7 +25,7 @@
display: flex;
flex-direction: column;
align-items: center;
padding: 1rem;
padding: var(--space-s);
}
.modal__closeoverlay {
@@ -38,15 +38,15 @@
.modal__content {
display: flex;
flex-direction: column;
gap: 2rem;
padding-inline: 1rem;
padding-block: 2rem;
gap: var(--space-s);
padding-inline: var(--space-s);
padding-block: var(--space-m);
background-color: var(--bg-primary);
border-radius: var(--border-radius);
border: var(--border-primary);
inline-size: 300px;
max-inline-size: 100%;
max-block-size: calc(100vh - 2rem);
max-block-size: calc(100vh - var(--space-m));
overflow-y: auto;
z-index: 20;
}