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

add folder structure to Typescript and CSS file

Browse source
This commit is contained in:
luisa.bellitto 2025-06-14 16:19:59 +02:00 • committed by Luisa Bellitto
parent 912b0a2b4c
commit 796eacb802
4 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

10
code/frontend/src/App.tsx
View file

@ -1,9 +1,9 @@
import "./App.css"; import "./App.css";
import "./colors.css"; import "./styles/colors.css";
import "./fonts.css"; import "./styles/fonts.css";
import LoginAndSignUpPage from "./LoginAndSignUpPage"; import LoginAndSignUpPage from "./pages/LoginAndSignUpPage";
import Footer from "./Footer"; import Footer from "./components/Footer";
import Header from "./header"; import Header from "./components/header";
function App() { function App() {
return ( return (

4
code/frontend/src/pages/loginAndSignUpPage.css
View file

@ -143,7 +143,7 @@
border-radius: 8px; border-radius: 8px;
border: 5px solid var(--Rotkehlchen-gray); border: 5px solid var(--Rotkehlchen-gray);
background-image: url("../public/assets/images/IceBirdLogin.jpg"); background-image: url("../../public/assets/images/IceBirdLogin.jpg");
background-size: cover; background-size: cover;
background-position: 75%; background-position: 75%;
} }
@ -159,7 +159,7 @@
border-radius: 8px; border-radius: 8px;
border: 5px solid var(--Rotkehlchen-gray); border: 5px solid var(--Rotkehlchen-gray);
background-image: url("../public/assets/images/SummerOwlSignup.jpg"); background-image: url("../../public/assets/images/SummerOwlSignup.jpg");
background-size: cover; background-size: cover;
/*background-position: 75%;*/ /*background-position: 75%;*/
} }

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

@ -6,5 +6,5 @@
--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(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.90) 68%), url('../public/assets/images/BirdsSky.jpg') lightgray 50% / cover no-repeat; --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.90) 68%), url('../../public/assets/images/BirdsSky.jpg') lightgray 50% / cover no-repeat;
} }

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

@ -2,7 +2,7 @@
font-family: "Lora"; font-family: "Lora";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url(../public/assets/fonts/Lora/Lora-VariableFont_wght.ttf); src: url(../../public/assets/fonts/Lora/Lora-VariableFont_wght.ttf);
unicode-range: U+00-52F, U+1E00-1FFF, U+2200-22FF; unicode-range: U+00-52F, U+1E00-1FFF, U+2200-22FF;
} }
.title-h1 { .title-h1 {
@ -32,7 +32,7 @@ h1 {
@font-face { @font-face {
font-family: "Inter"; font-family: "Inter";
font-style: normal; font-style: normal;
src: url(../public/assets/fonts/Inter/static/Inter_24pt-Medium.ttf); src: url(../../public/assets/fonts/Inter/Inter-VariableFont_opsz\,wght.ttf);
} }
.body-l, .body-l,
.body-m { .body-m {