feat(standalone/setup): basic styling of cards

This commit is contained in:
Elian Doran
2026-03-23 19:46:49 +02:00
parent 12347d5c4a
commit 3faefdbc85
5 changed files with 82 additions and 21 deletions

View File

@@ -1,9 +1,52 @@
.setup-body-wrapper {
padding: 2rem;
html,
body {
margin: 0;
padding: 0;
width: 100vw;
height: 100vh;
}
.setup-options {
body.setup {
margin: 0;
padding: 0;
&>div {
background: var(--left-pane-background-color);
padding: 2em;
width: 600px;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
align-items: center;
.setup-container {
background-color: var(--main-background-color);
border-radius: 16px;
padding: 2em;
display: flex;
flex-direction: column;
gap: 2rem;
height: 550px;
.setup-options {
display: flex;
flex-direction: column;
gap: 1rem;
.tn-card-frame {
padding: 1.5em;
h3 {
font-size: 1.5em;
font-weight: normal;
}
p:last-of-type {
margin-bottom: 0;
color: var(--muted-text-color);
}
}
}
}
}
}