オーバーレイと画像変更

wappon28dev · Nov 9, 2024 · d98b0a4 · d98b0a4
1 parent fa181ba
commit d98b0a4
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 7 deletions.
diff --git a/src/assets/img/hana.png b/src/assets/img/hana.png
diff --git a/src/assets/img/tsubomi.png b/src/assets/img/tsubomi.png
diff --git a/src/assets/img/wakaba.png b/src/assets/img/wakaba.png
diff --git a/src/components/sva/drawer.ts b/src/components/sva/drawer.ts
@@ -9,14 +9,16 @@ export const svaDrawer = sva({
   ) as Array<Lowercase<keyof typeof Drawer>>,
   base: {
     overlay: {
-      backgroundColor: "wkb-neutral.900/20",
+      color: "wkb.primary",
+      bg: "wkb.primary",
       position: "fixed",
-      inset: "0",
-      zIndex: "modal",
+      zIndex: "1000",
+      bottom: 0,
+      w: "full",
+      h: "full",
     },
     content: {
       bg: "wkb.bg-overlay",
-      border: "1px solid",
       rounded: "xl",
       zIndex: "1000",
       position: "fixed",

diff --git a/src/routes/overview/-components/HalfModal.tsx b/src/routes/overview/-components/HalfModal.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect, type ReactElement, useRef } from "react";
-import { Drawer, Overlay } from "vaul";
+import { Drawer } from "vaul";
 import { svaDrawer } from "@/components/sva/drawer";
 
 export function HalfModal({
@@ -45,6 +45,7 @@ export function HalfModal({
       snapPoints={direction === "right" ? ["768px"] : ["768px", "0.9"]}
     >
       <Drawer.Portal>
+        <Drawer.Overlay className={cls.overlay} />
         <Drawer.Content className={cls.content}>{children}</Drawer.Content>
       </Drawer.Portal>
     </Drawer.Root>

diff --git a/src/routes/overview/-components/Map.tsx b/src/routes/overview/-components/Map.tsx
@@ -60,9 +60,9 @@ function MarkerRenderer({
           }
           position={[
             (referenced.sponsorData?.data.location.coordinates[1] ?? 0) +
-              Math.random() * 0.01,
+              Math.random() * 0.1,
             (referenced.sponsorData?.data.location.coordinates[0] ?? 0) +
-              Math.random() * 0.01,
+              Math.random() * 0.1,
           ]}
         >
           <Popup closeButton={false}>