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

make profile page editable

Browse source
This commit is contained in:
luisa.bellitto 2025-06-20 11:22:32 +02:00 • committed by Rudi Regentonne
parent 2aeea4033a
commit 343fe1f704
8 changed files with 241 additions and 102 deletions
Download patch file Download diff file Expand all files Collapse all files

49
code/frontend/src/components/quiltedImageList.css
View file

@ -1,17 +1,38 @@
.imageList {
height: 100vh;
width: fit-content;
margin-left: 1rem;
margin-right: 1rem;
.image-list {
height: fit-content;
width: fit-content;
justify-content: center;
}
.box {
flex-grow: 1;
height: fit-content;
margin-left: 1rem;
margin-right: 1rem;
}
.css-1row2ej-MuiImageListItem-root .MuiImageListItem-img {
object-fit: cover;
width: fill-available;
height: fill-available;
}
@media only screen and (min-width: 768px) {
.box {
max-width: 75%;
margin-left: 45ch;
margin-right: 10ch;
}
@media only screen and (min-width: 768px) {
.image-list {
height: 90vh;
position: relative;
width: fit-content;
margin-left: 1rem;
margin-right: 10ch;
flex-direction: column;
.image-list {
position: relative;
width: fill-available;
margin-bottom: 1rem;
}
.css-1row2ej-MuiImageListItem-root .MuiImageListItem-img {
object-fit: cover;
width: 15rem;
height: 15rem;
}
}