diff --git a/src/components/MosaicModal.vue b/src/components/MosaicModal.vue index 435c33d..c6bd222 100644 --- a/src/components/MosaicModal.vue +++ b/src/components/MosaicModal.vue @@ -47,7 +47,7 @@ const onClose = () => router.push('/') padding-top: desktop-vw(27px); .meta { - grid-column: 4 / span 2; + grid-column: 1 / span 2; } .window { @@ -78,7 +78,7 @@ const onClose = () => router.push('/') } } &.content { - grid-column: 6 / span 9; + grid-column: 3 / -2; .lenis { max-height: desktop-vh(950px); @@ -148,8 +148,12 @@ const onClose = () => router.push('/') } .close { position: absolute; - top: 1em; - right: 1em; + z-index: 5; + top: 0.75em; + right: 0.75em; + background: var(--theme-bg); + padding: mobile-vw(9px); + border-radius: mobile-vw(16px); } } }