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

Configuration after merge

Browse source
This commit is contained in:
Ilay Eble 2025-06-26 10:54:30 +02:00 • committed by MisbehavedNinjaRadiator
parent ce5a96b2ce
commit f66e94b05d
4 changed files with 143 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

110
code/frontend/src/pages/postCreation.css Normal file
View file

@ -0,0 +1,110 @@
*,
*::before,
*::after{
box-sizing: border-box;
}
.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;
height: 100vh;
width: 100%;
padding: 29px 40px;
flex-direction: column;
align-items: center;
gap: 10px;
border-right: 4px solid var(--Rotkehlchen-gray-hover);
border-left: 4px solid var(--Rotkehlchen-gray-hover);
background: #FFF;
}
.create-account{
display: flex;
flex-direction: row;
align-items: center;
}
.create-post1{
display: flex;
flex-direction: column;
gap: 9px;
width: 90vw;
}
.create-post-description{
width: 100%;
accent-color: var(--Rotkehlchen-yellow-default);
}
.create-post2{
display: flex;
flex-direction: column;
width: 100%;
gap: 10px;
align-items: flex-start;
}
.create-tags{
width: 90vw;
}
.create-post-image{
height: 50vh;
width: 90vw;
object-fit: cover;
overflow: hidden;
}
input#create-file-upload[type="file"] {
display: none;
}
.create-file-upload {
border: 1px solid #ccc;
padding: 6px 12px;
cursor: pointer;
width: 90vw;
height: 100px;
}
.create-post3{
display: flex;
flex-direction: row-reverse;
width: 100%;
align-items: flex-end;
}
@media only screen and (min-width: 768px) {
.create-part{
width: 90vw;
}
.create-post1{
width:70vw;
flex-direction: row;
}
.create-post2{
display: flex;
flex-direction: row;
width: 70vw;
gap: 10px;
align-items: center;
}
.create-post-image {
width: 100%;
max-width: 600px;
display: block;
margin: 0 auto;
}
.create-file-upload {
border: 1px solid #ccc;
padding: 6px 12px;
cursor: pointer;
width: 300px;
height: 100px;
}
.create-tags{
width: 100%;
}
}