border radius on dropdown

This commit is contained in:
Theis Pieter Hollebeek 2023-02-08 11:44:30 +01:00
parent d124702f87
commit 4d202ebb18

View File

@ -77,11 +77,11 @@ body {
flex-direction: column; flex-direction: column;
top: var(--topbar-offset); top: var(--topbar-offset);
right: 0; right: 0;
background-color: var(--brand);
box-shadow: 0px 5px 1px RGBA(127, 127, 127, 0.2); box-shadow: 0px 5px 1px RGBA(127, 127, 127, 0.2);
transform: scaleY(0); transform: scaleY(0);
transition: transform 0.2s; transition: transform 0.2s;
transform-origin: 0% 0%; transform-origin: 0% 0%;
border-radius: 0 0 0 5px;
} }
#dropdown.enabled, #dropdown:focus-within { #dropdown.enabled, #dropdown:focus-within {
@ -89,6 +89,7 @@ body {
} }
#dropdown a { #dropdown a {
background-color: var(--brand);
color: var(--light); color: var(--light);
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: bold; font-weight: bold;
@ -100,6 +101,10 @@ body {
background-color: var(--brand-300); background-color: var(--brand-300);
} }
#dropdown a:last-child {
border-radius: 0 0 0 5px;
}
main { main {
text-align: center; text-align: center;