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

Initial Commit

Browse source
This commit is contained in:
Ilay Eble 2025-06-18 08:05:38 +02:00 • committed by MisbehavedNinjaRadiator
parent 9f9a21818a
commit 206932ff8c
4 changed files with 59 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,3 +1,4 @@
import "./App.css";
import "./styles/colors.css";
import "./styles/fonts.css";
@ -9,6 +10,7 @@ import Profile from "./pages/Profile";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import { Auth } from "./api/Auth";
import { NotFound } from "./pages/404Page/NotFoundPage";
import PostCreation from './PostCreation';
function App() {
return (

14
code/frontend/src/PostCreation.tsx Normal file
View file

@ -0,0 +1,14 @@
import Header from "./header";
import "./postCreation.css";
function PostCreation(){
return(
<div className="create-display">
<Header/>
<div className="create-part">
<h1>Create Post</h1>
</div>
</div>);
}
export default PostCreation;

20
code/frontend/src/postCreation.css Normal file
View file

@ -0,0 +1,20 @@
.create-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);
align-items: center;
justify-content: center;
}
.create-part{
display: flex;
padding: 29px 40px;
flex-direction: column;
align-items: center;
gap: 10px;
border-right: 4px solid var(--Rotkehlchen-gray-hover, #D5D7DA);
border-left: 4px solid var(--Rotkehlchen-gray-hover, #D5D7DA);
background: #FFF;
}