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

wip create page bse

Browse source
This commit is contained in:
Niklas 2025-06-27 11:43:15 +02:00 • committed by Luisa Bellitto
parent ab9fa907ef
commit 41c55d81f7
3 changed files with 27 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

42
code/frontend/src/App.css
View file

@ -4,40 +4,40 @@
} }
.App-logo { .App-logo {
height: 40vmin; height: 40vmin;
pointer-events: none; pointer-events: none;
} }
footer { footer {
vertical-align: baseline; vertical-align: baseline;
} }
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
.App-logo { .App-logo {
animation: App-logo-spin infinite 20s linear; animation: App-logo-spin infinite 20s linear;
} }
} }
.App-header { .App-header {
background-color: #282c34; background-color: #282c34;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: calc(10px + 2vmin); font-size: calc(10px + 2vmin);
color: white; color: white;
} }
.App-link { .App-link {
color: #61dafb; color: #61dafb;
} }
@keyframes App-logo-spin { @keyframes App-logo-spin {
from { from {
transform: rotate(0deg); transform: rotate(0deg);
} }
to { to {
transform: rotate(360deg); transform: rotate(360deg);
} }
} }

4
code/frontend/src/pages/AboutUs.tsx
View file

@ -3,8 +3,8 @@
function AboutUs() { function AboutUs() {
return ( return (
<div className="body mainbox"> <div className="mainbox test">
<div className="test"> <img style={{height: "200vh"}} src='/assets/icons/feather_black.svg' alt="featherIcon" /> </div> <img style={{height: "200px", position: "relative"}} src='/assets/icons/feather_black.svg' alt="featherIcon" />
</div> </div>
); );
} }

8
code/frontend/src/pages/aboutUs.css
View file

@ -1,15 +1,15 @@
.mainbox { .mainbox {
height: (100vh - var(--Header-height)); padding-block-start: 1000px;
min-height: 100vh;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.mainbox { .mainbox {
height: (100vh - var(--Header-height)); margin-top: 1000px;
min-height: 100vh;
} }
} }
.test { .test {
flex-grow: 1;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
color: aqua; color: aqua;