Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 11:36:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes to image view page

Browse source
This commit is contained in:
Michał Gdula 2023-04-20 13:58:01 +00:00
parent f3e1afa0bc
commit 7785e923f8
3 changed files with 23 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

30
onlylegs/static/sass/components/image-view/view.sass
View file

@ -13,12 +13,11 @@
display: flex
flex-direction: column
gap: 0.5rem
z-index: 3
.image-block
margin: 0 0 0 27rem
padding: 0
padding: 0.5rem
width: calc(100% - 27rem)
height: 100vh
@ -33,49 +32,28 @@
transition: margin 0.3s cubic-bezier(0.76, 0, 0.17, 1), width 0.3s cubic-bezier(0.76, 0, 0.17, 1)
.pill-row
margin-bottom: 0.5rem
margin-top: 0.5rem
&.collapsed
.image-block
margin: 0
width: 100%
@media (max-width: 1100px)
.image-grid
padding: 0.5rem
height: auto
.image-block
margin: 0
padding: 0.5rem 0.5rem 0 0.5rem
width: 100%
height: auto
gap: 0.5rem
transition: margin 0s, width 0s
.image-container
margin: 0 auto
padding: 0
max-height: 69vh
img
max-height: 69vh
.pill-row
margin-bottom: 0
#fullscreenImage
display: none
.info-container
background: transparent
.info-header
border-radius: $rad $rad 0 0
.info-tab.collapsed .info-header
border-radius: $rad