Change navbar styling a bit

This commit is contained in:
Bruno Rybársky 2024-04-28 23:01:32 +02:00
parent 969009eed1
commit 8136f87cf7

@ -80,6 +80,10 @@ li {
list-style: none; list-style: none;
} }
nav li {
margin: unset;
}
header ul li { header ul li {
list-style: circle; list-style: circle;
width: fit-content; width: fit-content;
@ -147,7 +151,6 @@ ul.navpage_list {
display: none; display: none;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
position: fixed;
transition: max-height .3s ease, border .325s ease !important; transition: max-height .3s ease, border .325s ease !important;
z-index: 2; z-index: 2;
} }
@ -211,7 +214,7 @@ ul.navpage_list {
#statusMessageContainer { #statusMessageContainer {
position: fixed; position: fixed;
top: 80px; top: 100px;
right: 20px; right: 20px;
z-index: 510; z-index: 510;
display: flex; display: flex;
@ -416,10 +419,16 @@ div#articleslist>article{
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
text-align: center; text-align: center;
padding: 0 8px;
left: 0;
right: 0;
margin: 0;
gap: 1rem;
} }
#navsite_list li { #navsite_list li {
text-align: center; text-align: center;
padding: 0;
} }
.navsite_item { .navsite_item {
@ -446,8 +455,9 @@ div#articleslist>article{
-webkit-box-shadow: 0 20px 28px 0 var(--dimmer); -webkit-box-shadow: 0 20px 28px 0 var(--dimmer);
background-color: var(--dimmer); background-color: var(--dimmer);
box-shadow: 0 20px 28px 0 var(--dimmer); box-shadow: 0 20px 28px 0 var(--dimmer);
top: 80px; top: 100px;
text-align: center; text-align: center;
left: 0;
} }
nav { nav {
@ -464,4 +474,8 @@ div#articleslist>article{
max-width: 200px; max-width: 200px;
max-height: 200px; max-height: 200px;
} }
.navsite_link {
width: 100%;
}
} }