Make Metadata Parser readable with ChatGPT 💀

Remove useless code for fullscreening image
This commit is contained in:
Michał Gdula 2023-03-10 12:32:23 +00:00
parent e6d289ed64
commit b0a9271265
7 changed files with 48 additions and 103 deletions

View file

@ -6,10 +6,10 @@
height: 100dvh
position: fixed
top: -100%
top: 0
left: 0
display: flex
display: none
opacity: 0 // hide
background-color: rgba($black, 0.8)
@ -17,6 +17,8 @@
box-sizing: border-box
transition: opacity 0.2s cubic-bezier(.79, .14, .15, .86)
img
margin: auto
padding: 0
@ -30,22 +32,10 @@
object-position: center
transform: scale(0.8)
.image-fullscreen__active
top: 0
opacity: 1 // show
transition: opacity 0.3s cubic-bezier(.79, .14, .15, .86)
img
transform: scale(1)
transition: transform 0.2s cubic-bezier(.68,-0.55,.27,1.55)
.image-fullscreen__hide
opacity: 0 // hide
transition: opacity 0.2s cubic-bezier(.79, .14, .15, .86)
&.active
opacity: 1 // show
img
transform: scaleY(0) // scale(0.8)
transition: transform 0.2s ease
img
transform: scale(1)