scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(SW-96): cleanup css

Browse Source
This commit is contained in:
Chuma McPhoy
2024-08-20 11:58:01 +02:00
parent 442f8b6580
commit 24e6b5fffe
2 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
components/Lightbox/Desktop/desktopLightbox.module.css
View File

@@ -3,7 +3,6 @@
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 1090px; width: 1090px;
height: 725px; height: 725px;
overflow: hidden; overflow: hidden;

11
components/Lightbox/Desktop/index.tsx
View File

@@ -76,18 +76,17 @@ export function DesktopLightbox({ images, children }: DesktopLightboxProps) {
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
exit={{ opacity: 0 }} exit={{ opacity: 0 }}
transition={{ duration: 0.2 }}
className={styles.overlay} className={styles.overlay}
/> />
</Dialog.Overlay> </Dialog.Overlay>
<Dialog.Content className={styles.content}> <Dialog.Content asChild>
<motion.div <motion.div
className={styles.content}
initial={{ opacity: 0, scale: 0.95 }} initial={{ opacity: 0, scale: 0.95 }}
animate={{ opacity: 1, scale: 1 }} animate={{ opacity: 1, scale: 1, x: "-50%", y: "-50%" }}
exit={{ opacity: 0, scale: 0.95 }} exit={{ opacity: 0, scale: 0.95 }}
style={{ transition={{ duration: 0.2 }}
width: "100%",
height: "100%",
}}
> >
{isFullView ? ( {isFullView ? (
<FullView <FullView