Schaffenburg/abrechenbarkeit
3
0
Fork 0
mirror of https://codeberg.org/metamuffin/abrechenbarkeit.git synced 2024-12-29 16:14:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

more css

Browse source
This commit is contained in:
Riley L. 2024-11-03 18:44:25 +01:00
parent 9f953f6bba
commit 205f708877
1 changed files with 68 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
style.css
View file

@ -3,9 +3,30 @@ body {
} }
body > * { body > * {
: 0.5rem;
}
.container {
display: grid;
flex-direction: column;
justify-content: left;
grid-template-columns: auto auto;
list-style-type: none;
}
.container > :first-child {
grid-column: 1 / -1;
}
.container > * {
margin: 0.5rem; margin: 0.5rem;
} }
h1 {
font-size: 3em;
}
/* nav bar */ /* nav bar */
*, .logo { *, .logo {
color: #e2e2e2; color: #e2e2e2;
@ -99,6 +120,18 @@ li {
white-space: nowrap; white-space: nowrap;
} }
/* user page */
.balance {
display: block;
line-break: normal;
}
.balance-value {
padding-left: 1rem;
font-size: 2em;
}
/* Amount selector user page */ /* Amount selector user page */
.amount { .amount {
display: block; display: block;
@ -113,11 +146,6 @@ li {
list-style-type: none; list-style-type: none;
} }
.amount-presets > form {
margin-top: 0;
margin-bottom: 0;
}
.amount-presets > form > input { .amount-presets > form > input {
place-content: center; place-content: center;
padding: 0.8em 0.5em; padding: 0.8em 0.5em;
@ -146,3 +174,38 @@ input.amount-pos {
input.amount-neg { input.amount-neg {
background-color: rgb(84, 64, 82); background-color: rgb(84, 64, 82);
} }
h3 {
margin: 4px;
margin-left: 0;
}
.box {
width: 16em;
background-color: #1d2832;
padding: 1em;
padding-right: 2em;
}
.transactions.container > :first-child {
width: 36em;
}
/* create transaction box */
.transaction {
display: grid;
justify-content: left;
/* grid-auto-rows: minmax(5em, 2); */
/* grid-template-columns: repeat(2, calc(50% - 2em)); */
grid-template-columns: auto 10em;
}
.transaction :first-child, form.transaction.box > :last-child {
grid-column: 1 / -1;
}
.transaction.box > * {
margin: .3em;
width: 100%;
}