VogelSocialMedia/code/frontend/src/postCreation.css
2025-06-30 11:00:10 +02:00

64 lines
No EOL
1.5 KiB
CSS

.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: 70vw;
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;
}
.create-account{
display: flex;
flex-direction: row;
align-items: center;
}
.create-post1{
display: flex;
flex-direction: row;
width:70vw;
gap: 10px;
}
.create-post-description{
width: 100%;
}
.create-post2{
display: flex;
flex-direction: row;
width: 70vw;
gap: 10px;
align-items: center;
}
.create-tags{
width: 100%;
}
.create-post-image{
width: 50vw;
max-width: 50vw;
height: 50vh;
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: 300px;
height: 100px;
}