some tweaks

This commit is contained in:
Chris Kruining 2024-10-16 16:24:47 +02:00
parent 7db65413be
commit 5851d398d3
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
4 changed files with 26 additions and 64 deletions

View file

@ -1,15 +1,31 @@
.menu {
position: fixed;
display: grid;
grid-template-columns: max-content;
grid-template-columns: auto auto;
place-content: start;
inset-inline-start: anchor(start);
inset-block-start: anchor(end);
margin: 0;
gap: var(--padding-m);
padding: var(--padding-m);
font-size: var(--text-s);
background-color: var(--surface-1);
color: var(--text-1);
border: none;
border: 1px solid var(--text-1);
border-radius: var(--radii-m);
padding: var(--padding-m);
& > li {
grid-column: span 2;
display: grid;
grid-template-columns: subgrid;
align-items: center;
& > sub {
color: var(--text-2);
text-align: end;
}
}
}

View file

@ -21,8 +21,8 @@
grid-template-columns: auto auto;
place-content: start;
gap: .5em;
padding: .5em 0;
gap: var(--padding-m);
padding: var(--padding-m) 0;
inline-size: max-content;
background-color: var(--surface-2);