feat: バナーを手前に表示するためにz-indexを設定

3w36zj6 · 3w36zj6 · commit 4c6f15209e64 · 2025-05-12T01:25:46.000+09:00
diff --git a/website/src/components/ui/common/SiteNoticeBanner.tsx b/website/src/components/ui/common/SiteNoticeBanner.tsx
@@ -21,7 +21,7 @@ export const SiteNoticeBanner = () => {
       x-init="
         setTimeout(()=>{ bannerVisible = true }, bannerVisibleAfter);
       "
-      class="fixed top-0 left-0 w-full h-auto py-2 duration-300 ease-out bg-white shadow-sm sm:py-4"
+      class="fixed z-50 top-0 left-0 w-full h-auto py-2 duration-300 ease-out bg-white shadow-sm sm:py-4"
       x-cloak
     >
       <div class="prose relative flex flex-col sm:flex-row items-start w-full px-3 sm:px-12 mx-auto max-w-7xl flex-wrap">

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ export const SiteNoticeBanner = () => {`
`21`	`21`	`x-init="`
`22`	`22`	`setTimeout(()=>{ bannerVisible = true }, bannerVisibleAfter);`
`23`	`23`	`"`
`24`		`- class="fixed top-0 left-0 w-full h-auto py-2 duration-300 ease-out bg-white shadow-sm sm:py-4"`
	`24`	`+ class="fixed z-50 top-0 left-0 w-full h-auto py-2 duration-300 ease-out bg-white shadow-sm sm:py-4"`
`25`	`25`	`x-cloak`
`26`	`26`	`>`
`27`	`27`	`<div class="prose relative flex flex-col sm:flex-row items-start w-full px-3 sm:px-12 mx-auto max-w-7xl flex-wrap">`