Add a close button

This commit is contained in:
Emi Simpson 2022-11-12 19:44:06 -05:00
parent c771e9df3b
commit 5297164963
Signed by: Emi
GPG Key ID: A12F2C2FFDC3D847
2 changed files with 13 additions and 1 deletions

View File

@ -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;

View File

@ -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