43 lines
No EOL
467 B
CSS
43 lines
No EOL
467 B
CSS
:root {
|
|
--spacing: 1em;
|
|
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
#qrcode {
|
|
padding: 64px;
|
|
background: white;
|
|
}
|
|
|
|
main {
|
|
display: grid;
|
|
grid-template:
|
|
"label input"
|
|
"qrcode qrcode"
|
|
"download download"
|
|
/
|
|
auto 1fr;
|
|
grid-gap: 1em;
|
|
}
|
|
|
|
main > input {
|
|
width: 100%;
|
|
display: block;
|
|
grid-area: input;
|
|
}
|
|
|
|
#qrcode {
|
|
grid-area: qrcode;
|
|
}
|
|
|
|
#qrcode svg {
|
|
max-height: 50vh;
|
|
}
|
|
|
|
#download {
|
|
grid-area: download;
|
|
} |