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

apply fonts and fix UI bugs

Browse source
This commit is contained in:
luisa.bellitto 2025-06-14 12:24:09 +02:00 • committed by Luisa Bellitto
parent 5d25eea589
commit 08fadc267a
7 changed files with 48 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

57
code/frontend/src/loginAndSignUpPage.css
View file

@ -1,21 +1,9 @@
:root {
--Rotkehlchen-gray: #e7ecf2;
--Rotkehlchen-brown-light: #a28d7a;
--Rotkehlchen-orange-default: #e79a0e;
--Rotkehlchen-gray-default: #E7ECF2;
--Rotkehlchen-brown-middle: #7F6D6D;
--Rotkehlchen-yellow-default: #FED640;
--Rotkehlchen-yellow-hover: #EAC22A;
--Rotkehlchen-brown-dark: #4C4141;
}
.login-display{
display: flex;
flex-direction: column;
height: 100vh; /* Full viewport height */
width: 100vw; /* Full viewport width */
position: absolute;
background: var(--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);
background: var(--gradient-blue-backround-mobile);
align-items: center;
justify-content: center;
@ -28,15 +16,8 @@
justify-content: center;
align-items: center;
gap: 18px;
color: var(--Rotkehlchen-gray-default);
color: var(--Rotkehlchen-gray);
text-align: center;
/* Body-L */
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 166.667% */
}
.login-icon{
@ -99,41 +80,19 @@
color: var(--Rotkehlchen-brown-middle);
outline: 0 !important;
/* M3/body/large */
font-family: var(--Static-Body-Large-Font, Roboto);
font-size: var(--Static-Body-Large-Size, 16px);
font-style: normal;
font-weight: 400;
line-height: var(--Static-Body-Large-Line-Height, 24px); /* 150% */
letter-spacing: var(--Static-Body-Large-Tracking, 0.5px);
}
.login-here{
color: var(--Rotkehlchen-orange-default, #E79A0E);
color: var(--Rotkehlchen-orange-default);
background-color: transparent;
border: none;
text-decoration: underline;
cursor: pointer;
/* Body-M */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 17px;
letter-spacing: 0.8px;
}
.login-signup{
color: #FFF;
text-align: center;
cursor: pointer;
/* Body-M */
font-family: Inter;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 17px; /* 106.25% */
letter-spacing: 0.8px;
}
.login-part{
@ -175,7 +134,7 @@
align-items: center;
border-radius: 8px;
border: 5px solid var(--Rotkehlchen-gray-default);
border: 5px solid var(--Rotkehlchen-gray);
background-image: url("../public/assets/images/IceBirdLogin.jpg");
background-size: cover;
background-position: 75%;
@ -191,7 +150,7 @@
align-items: center;
border-radius: 8px;
border: 5px solid var(--Rotkehlchen-gray-default);
border: 5px solid var(--Rotkehlchen-gray);
background-image: url("../public/assets/images/SummerOwlSignup.jpg");
background-size: cover;
/*background-position: 75%;*/
@ -206,9 +165,5 @@
justify-content: center;
align-items: center;
gap: 24px;
}
}
}