mirror of
https://github.com/Derpy-Leggies/OnlyLegs.git
synced 2025-01-07 15:26:10 +00:00
Michał
e3a0eaf60b
Make the Upload Pannel usable on mobile Remove useless code as Django had built-in functions to read the config Remove useless JS code Cleanup tempaltes
65 lines
1 KiB
Sass
65 lines
1 KiB
Sass
@import 'background'
|
|
@import 'fullscreen'
|
|
@import 'info-tab'
|
|
@import 'image'
|
|
|
|
|
|
.image-grid
|
|
padding: 0
|
|
|
|
position: relative
|
|
|
|
display: grid
|
|
grid-template-areas: 'info image' 'info tools'
|
|
grid-template-columns: 25rem 1fr
|
|
grid-template-rows: 1fr auto
|
|
gap: 0
|
|
|
|
height: 100vh
|
|
|
|
z-index: 3
|
|
|
|
#image-info
|
|
grid-area: info
|
|
#image-tools
|
|
grid-area: tools
|
|
padding: 0 0 0.5rem 0
|
|
#image-container
|
|
grid-area: image
|
|
|
|
|
|
@media (max-width: 1100px)
|
|
.image-grid
|
|
padding: 0.5rem
|
|
|
|
display: flex
|
|
flex-direction: column
|
|
gap: 0.5rem
|
|
|
|
height: auto
|
|
|
|
.image-container
|
|
margin: 0 auto
|
|
padding: 0
|
|
|
|
max-height: 69vh
|
|
|
|
img
|
|
max-height: 69vh
|
|
|
|
#image-tools
|
|
padding: 0
|
|
|
|
.info-container
|
|
background: transparent
|
|
|
|
.info-header
|
|
border-radius: $rad $rad 0 0
|
|
|
|
.info-tab.collapsed .info-header
|
|
border-radius: $rad
|
|
|
|
@media (max-width: $breakpoint)
|
|
.image-fullscreen
|
|
padding: 0 0 3.5rem 0
|
|
|