started styling

This commit is contained in:
Lauchmelder 2022-03-20 15:54:48 +01:00
parent dc0be911b2
commit 250d462da2
No known key found for this signature in database
GPG key ID: C2403C69D78F011D
4 changed files with 157 additions and 42 deletions

53
src/styles.css Normal file
View file

@ -0,0 +1,53 @@
*
{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
body
{
display: grid;
grid-template-rows: 1.5fr 1fr 3fr 2fr;
width: 250px;
}
header
{
display: grid;
grid-template-columns: 8fr 1fr;
align-items: baseline;
}
h1
{
text-transform: uppercase;
}
h2
{
font-size: 10pt;
}
#token-area
{
display: grid;
grid-template-rows: 1fr 1fr;
}
#input-area
{
display: grid;
grid-template-columns: 1fr 8fr 1fr;
}
#token-status
{
font-size: 1rem;
}
#settings-area
{
display: grid;
grid-template-rows: repeat(3, 1fr);
}