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

add login and sign up button in drawer

Browse source
This commit is contained in:
Niklas 2025-06-27 13:15:06 +02:00 • committed by BlankAccountsUsername
parent 204de235ee
commit 4f45a80d56
4 changed files with 62 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

64
code/frontend/src/styles/colors.css
View file

@ -1,40 +1,42 @@
:root {
--Rotkehlchen-gray: #e7ecf2;
--Rotkehlchen-gray-hover: #D5D7DA;;
--Rotkehlchen-brown-light: #a28d7a;
--Rotkehlchen-brown-middle: #7f6d6d;
--Rotkehlchen-brown-dark: #4c4141;
--Rotkehlchen-yellow-default: #fed640;
--Rotkehlchen-yellow-hover: #eac22a;
--Rotkehlchen-orange-default: #e79a0e;
--gradient-blue-backround-mobile: linear-gradient(
270deg,
rgba(20, 15, 86, 0.27) 0%,
rgba(20, 15, 86, 0.58) 24%,
rgba(20, 15, 86, 0.74) 43%,
rgba(17, 13, 71, 0.82) 56%,
rgba(13, 10, 56, 0.9) 68%
),
url("../../public/assets/images/BirdsSky.jpg") lightgray 50% / cover
no-repeat;
--transparent-dark-blue: hsla(244, 70%, 13%, 0.71);
--Rotkehlchen-gray: #e7ecf2;
--Rotkehlchen-gray-hover: #d5d7da;
--Rotkehlchen-brown-light: #a28d7a;
--Rotkehlchen-brown-middle: #7f6d6d;
--Rotkehlchen-brown-dark: #4c4141;
--Rotkehlchen-yellow-default: #fed640;
--Rotkehlchen-yellow-hover: #eac22a;
--Rotkehlchen-orange-default: #e79a0e;
--gradient-blue-backround-mobile: linear-gradient(
270deg,
rgba(20, 15, 86, 0.27) 0%,
rgba(20, 15, 86, 0.58) 24%,
rgba(20, 15, 86, 0.74) 43%,
rgba(17, 13, 71, 0.82) 56%,
rgba(13, 10, 56, 0.9) 68%
),
url("../../public/assets/images/BirdsSky.jpg") lightgray 50% / cover
no-repeat;
--transparent-dark-blue: hsla(244, 70%, 13%, 0.71);
--dark-blue: hsl(244, 70%, 13%);
--dark-blue-hover: #232451;
}
body{
height: 100vh; /* Full viewport height */
width: 100vw; /* Full viewport width */
background: var(--gradient-blue-backround-mobile);
z-index: -1;
background-attachment: fixed;
body {
height: 100vh; /* Full viewport height */
width: 100vw; /* Full viewport width */
background: var(--gradient-blue-backround-mobile);
z-index: -1;
background-attachment: fixed;
}
.blue-background {
border-radius: 1rem;
background-color: var(--transparent-dark-blue);
backdrop-filter: blur(8px);
height: fit-content;
border-radius: var(--border-radius);
background-color: var(--transparent-dark-blue);
backdrop-filter: blur(8px);
height: fit-content;
}
.edit-icon {
color: var(--Rotkehlchen-brown-light)
}
color: var(--Rotkehlchen-brown-light);
}

6
code/frontend/src/styles/sizes.css
View file

@ -1,3 +1,5 @@
:root {
--Header-height: 50px;
}
--header-height: 60px;
--header-height-desktop: 48px;
--border-radius: 1rem;
}