mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-09 12:08:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

remove menu icon change to x icon

Browse source
This commit is contained in:
Niklas 2025-06-26 17:19:32 +02:00 • committed by BlankAccountsUsername
parent ffd89ecf1d
commit 534c3ed907
5 changed files with 57 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

94
code/frontend/src/components/header.css
View file

@ -1,71 +1,77 @@
:root {
--Rotkehlchen-gray: #e7ecf2;
--Rotkehlchen-brown1: #a28d7a;
--Rotkehlchen-orange-default: #e79a0e;
}
.base-header {
z-index: 10;
width: 100vw;
display: flex;
height: var(--header-height);
justify-content: space-between;
align-items: center;
flex-shrink: 0;
border-bottom: 3px solid var(--Rotkehlchen-brown-light);
background: var(--Rotkehlchen-gray);
position: fixed;
top: 0;
left: 0;
z-index: 1000;
z-index: 10;
width: 100vw;
display: flex;
height: var(--header-height);
justify-content: space-between;
align-items: center;
flex-shrink: 0;
background: hsla(244, 70%, 13%, 0.71);
backdrop-filter: blur(8px);
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
@media only screen and (min-width: 768px) {
.base-header {
height: var(--header-height-desktop);
}
.base-header {
height: var(--header-height-desktop);
}
}
.header-title {
display: flex;
width: 162px;
height: 63px;
flex-direction: column;
justify-content: center;
flex-shrink: 0;
font-weight: bold;
font-size: x-large;
display: flex;
width: 162px;
height: 63px;
flex-direction: column;
justify-content: center;
flex-shrink: 0;
font-weight: bold;
font-size: x-large;
color: var(--Rotkehlchen-orange-default);
text-align: center;
color: var(--Rotkehlchen-orange-default);
text-align: center;
}
.header-icon-feather {
height: 35px;
height: 35px;
}
.header-icon-menu {
cursor: pointer;
cursor: pointer;
}
.header-icon {
margin: 40px;
display: flex;
width: 30px;
height: 30px;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin: 40px;
display: flex;
width: 30px;
height: 30px;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
background-size: cover;
background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat;
}
.drawer-list {
background-color: #2f325e;
min-height: 100vh;
min-width: 13rem;
background-color: #12103d;
min-height: 100vh;
min-width: 13rem;
}
.drawer-list-item {
color: white;
color: white;
}
.drawer-list-item-button {
height: 10vh;
height: 10vh;
}
.drawer-list-item-button:hover {
background-color: #555b90;
background-color: #232451;
}