discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Merge remote-tracking branch 'hub/main' into dev

Browse Source
This commit is contained in:
Untone 2024-01-23 01:15:16 +03:00
commit c96d723659
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/_shared/Lightbox/Lightbox.module.scss
View File

@ -23,20 +23,20 @@
border-radius: 100%; border-radius: 100%;
position: fixed; position: fixed;
z-index: 1001; z-index: 1001;
top: 20px; top: -40px;
right: 40px; right: -40px;
font-size: 30px; font-size: 30px;
color: white; color: white;
cursor: pointer; cursor: pointer;
width: 36px; width: 80px;
height: 36px; height: 80px;
.icon { .icon {
height: 20px; bottom: 16px;
left: 50%; height: 15px;
top: 50%; left: 16px;
transform: translate(-50%, -50%); position: absolute;
width: 20px; width: 15px;
} }
} }

4
src/components/_shared/Lightbox/Lightbox.tsx
View File

@ -153,9 +153,9 @@ export const Lightbox = (props: Props) => {
<Show when={pictureScalePercentage()}> <Show when={pictureScalePercentage()}>
<div class={styles.scalePercentage}>{`${pictureScalePercentage()}%`}</div> <div class={styles.scalePercentage}>{`${pictureScalePercentage()}%`}</div>
</Show> </Show>
<span class={styles.close} onClick={closeLightbox}> <div class={styles.close} onClick={closeLightbox}>
<Icon name="close-white" class={styles.icon} /> <Icon name="close-white" class={styles.icon} />
</span> </div>
<div class={styles.zoomControls}> <div class={styles.zoomControls}>
<button class={styles.control} onClick={(event) => zoomOut(event)}> <button class={styles.control} onClick={(event) => zoomOut(event)}>
&minus; &minus;