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

change about us to about, use useNavigate instead of component/to, intitialize List items as Objects

Browse source
This commit is contained in:
Niklas 2025-06-29 14:26:56 +02:00 • committed by BlankAccountsUsername
parent b3083134e0
commit 881be06b79
2 changed files with 33 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

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

@ -1,4 +1,4 @@
:root { :root {
--header-height: 48px; --header-height: 48px;
--border-radius: 1rem; --border-radius: 1rem;
} }