Add simple topbar css class
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Late Night Defender 2024-10-29 00:28:03 +07:00
parent 0010952643
commit d7fd5f0491

View file

@ -22,6 +22,13 @@
z-index: 10; z-index: 10;
} }
.topbar-group {
display: flex;
justify-content: space-between;
margin-left: 1cm;
margin-right: 1cm;
}
.simple-topbar { .simple-topbar {
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -31,11 +38,19 @@
z-index: 10; z-index: 10;
} }
.topbar-group { .simple-topbar-backbutton {
display: flex; position: absolute;
justify-content: space-between; border-radius:10px;
margin-left: 1cm; justify-content: center;
margin-right: 1cm; align-items: center;
text-decoration: none;
display: grid;
font-size: 14px;
cursor: pointer;
margin: 0.1cm;
transition-duration: 0.2s;
width: 1cm;
height: 1cm;
} }
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
@ -86,6 +101,14 @@
color: #000000; color: #000000;
} }
.simple-topbar-backbutton {
color: black;
}
.simple-topbar-backbutton:hover {
background-color: #DEDEDE;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -109,4 +132,12 @@
border: 1px solid #1f1f1f; border: 1px solid #1f1f1f;
color: #ffffff; color: #ffffff;
} }
.simple-topbar-backbutton {
color: #ffffff;
}
.simple-topbar-backbutton:hover {
background-color: #3e3e3e;
}
} }