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

flappy Bird

Browse source
This commit is contained in:
Kai Ritthaler 2025-06-27 08:59:23 +02:00 • committed by Luisa Bellitto
parent 90a4a5fd59
commit 9f9a21818a
13 changed files with 397 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,59 +1,59 @@
.base-header {
z-index: 10;
width: 100vw;
display: flex;
height: var(--header-height);
justify-content: space-between;
align-items: center;
flex-shrink: 0;
position: sticky;
top: 0;
left: 0;
border-radius: 0rem !important;
z-index: 10;
width: 100vw;
display: flex;
height: var(--header-height);
justify-content: space-between;
align-items: center;
flex-shrink: 0;
position: sticky;
top: 0;
left: 0;
border-radius: 0rem !important;
}
@media only screen and (min-width: 768px) {
.base-header {
height: var(--header-height);
}
.base-header {
height: var(--header-height);
}
}
.header-title {
color: var(--Rotkehlchen-orange-default);
color: var(--Rotkehlchen-orange-default);
}
.header-icon-feather {
height: 35px;
height: 35px;
}
.header-icon-menu {
cursor: pointer;
height: 45px;
cursor: pointer;
height: 45px;
}
.header-icon {
margin: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
.header-icon {
margin: 40px;
}
.header-icon {
margin: 40px;
}
}
.drawer-list {
background-color: var(--dark-blue);
min-height: 100vh;
min-width: 13rem;
background-color: var(--dark-blue);
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: var(--dark-blue-hover);
background-color: var(--dark-blue-hover);
}