Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 03:26: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

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

@ -1,6 +1,5 @@
.image-container .image-container
margin: auto margin: auto
padding: 0.5rem
width: 100% width: 100%
height: 100% height: 100%
@ -18,4 +17,12 @@
max-height: 100% max-height: 100%
object-fit: contain object-fit: contain
object-position: center object-position: center
@media (max-width: 1100px)
.image-container
margin: 0 auto
max-height: 69vh
img
max-height: 69vh

11
onlylegs/static/sass/components/image-view/info-tab.sass
View file

@ -204,7 +204,7 @@
@media (max-width: 1100px) @media (max-width: 1100px)
.info-container .info-container
padding: 0 padding: 0.5rem
width: 100% width: 100%
height: 100% height: 100%
@ -213,3 +213,12 @@
&.collapsed &.collapsed
left: unset left: unset
.info-container
background: transparent
.info-header
border-radius: $rad $rad 0 0
.info-tab.collapsed .info-header
border-radius: $rad

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

@ -13,12 +13,11 @@
display: flex display: flex
flex-direction: column flex-direction: column
gap: 0.5rem
z-index: 3 z-index: 3
.image-block .image-block
margin: 0 0 0 27rem margin: 0 0 0 27rem
padding: 0 padding: 0.5rem
width: calc(100% - 27rem) width: calc(100% - 27rem)
height: 100vh 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) 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 .pill-row
margin-bottom: 0.5rem margin-top: 0.5rem
&.collapsed &.collapsed
.image-block .image-block
margin: 0 margin: 0
width: 100% width: 100%
@media (max-width: 1100px) @media (max-width: 1100px)
.image-grid .image-grid
padding: 0.5rem
height: auto height: auto
.image-block .image-block
margin: 0 margin: 0
padding: 0.5rem 0.5rem 0 0.5rem
width: 100% width: 100%
height: auto height: auto
gap: 0.5rem
transition: margin 0s, width 0s transition: margin 0s, width 0s
.image-container
margin: 0 auto
padding: 0
max-height: 69vh
img
max-height: 69vh
.pill-row .pill-row
margin-bottom: 0
#fullscreenImage #fullscreenImage
display: none display: none
.info-container
background: transparent
.info-header
border-radius: $rad $rad 0 0
.info-tab.collapsed .info-header
border-radius: $rad