studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Improve images display on mobile #53

Browse source
This commit is contained in:
Timothée Goguely 2024-12-11 12:25:45 +01:00
parent ac82ee65d7
commit be089ba47b
4 changed files with 34 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/project/brief/ImageDetailsModal.vue
View file

@ -157,6 +157,8 @@ function remove() {
right: 0;
z-index: 1102;
padding: 1.5rem var(--space-32);
height: auto;
background: var(--color-background);
}
#image-details [data-pc-section="content"] {
display: flex;
@ -166,5 +168,19 @@ function remove() {
}
#image-details [data-pc-section="content"] > div {
padding-top: 5rem;
overflow-y: auto;
}
@media (max-width: 767px) {
#image-details [data-pc-section="content"] {
flex-direction: column;
}
#image-details [data-pc-section="header"] {
top: 50%;
left: 0;
}
#image-details [data-pc-section="content"] > * {
width: 100%;
height: 50%;
}
}
</style>