Updated header menu

This commit is contained in:
Prozilla 2023-08-11 16:35:41 +02:00
parent 7510d1bbf4
commit d2615e05c6
No known key found for this signature in database
GPG key ID: 5858DFE71CAF31EE
3 changed files with 9 additions and 3 deletions

View file

@ -1,6 +1,6 @@
.Container { .Container {
display: flex; display: flex;
width: 100%; width: 100%;
height: 1.25rem; height: 1.5rem;
background-color: var(--background-color-a); background-color: var(--background-color-a);
} }

View file

@ -1,5 +1,6 @@
.Container { .Container {
position: relative; position: relative;
height: 100%;
} }
.Button { .Button {
@ -24,7 +25,10 @@
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0; left: 0;
padding: 0.35rem;
background-color: var(--background-color-b); background-color: var(--background-color-b);
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
} }
.Dropdown > button { .Dropdown > button {
@ -32,11 +36,12 @@
gap: 0.75rem; gap: 0.75rem;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
padding: 0.125rem 0.4rem; padding: 0.25rem 0.5rem;
background: none; background: none;
border: none; border: none;
border-radius: 0.5rem;
outline: none; outline: none;
font-size: 0.8rem; font-size: 0.85rem;
text-align: start; text-align: start;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;

View file

@ -91,6 +91,7 @@ button {
outline: none; outline: none;
transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out;
cursor: pointer; cursor: pointer;
user-select: none;
} }
code { code {