Add a close button
This commit is contained in:
parent
c771e9df3b
commit
5297164963
|
@ -89,6 +89,13 @@ p {
|
||||||
}
|
}
|
||||||
#next-image {
|
#next-image {
|
||||||
right: 10vw;
|
right: 10vw;
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
#close {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 40px;
|
||||||
|
top: 10px;
|
||||||
|
right: 20px;
|
||||||
}
|
}
|
||||||
#focused-panel.unzoomed > div.blurhash-frame {
|
#focused-panel.unzoomed > div.blurhash-frame {
|
||||||
max-height: 80vh;
|
max-height: 80vh;
|
||||||
|
|
|
@ -82,7 +82,12 @@ renderFocused zoom image =
|
||||||
[ HP.id "focused-bg"
|
[ HP.id "focused-bg"
|
||||||
, HE.onClick \_ -> Unfocus
|
, HE.onClick \_ -> Unfocus
|
||||||
]
|
]
|
||||||
[]
|
[ HH.div
|
||||||
|
[ HP.id "close"
|
||||||
|
]
|
||||||
|
[ HH.text "⨯"
|
||||||
|
]
|
||||||
|
]
|
||||||
, HH.div
|
, HH.div
|
||||||
[ HP.id "prev-image"
|
[ HP.id "prev-image"
|
||||||
, HE.onClick \_ -> Pan false
|
, HE.onClick \_ -> Pan false
|
||||||
|
|
Loading…
Reference in New Issue