Merge pull request #100 from cniajp/fix/bg-white

Fix/bg white

Author: dero1to

src/components/ObsSceneGenerate.tsx

@@ -70,6 +70,7 @@ function createBrowserSource(
       shutdown: shutdown,
       restart_when_active: restart,
       reroute_audio: true,
+      css: 'body { background-color: rgba(255, 255, 255, 1); margin: 0px auto; overflow: hidden; }',
     },
     mixers: 255,
     sync: 0,

src/components/Page1.tsx

@@ -108,7 +108,7 @@ function Side({ view }: Props) {
     .talksInSameTrack()
     .filter((t) => t.talkCategory === 'Keynote' && t.startTime > talkStartTime)
   return (
-    <div className="p-14 h-[80%] overflow-y-auto">
+    <div className="p-14 h-[80%] overflow-y-auto hidden-scrollbar">
       {hasKeynote && (
         <div className="text-right w-[750px] bg-COLOR-TIMETABLE-Box px-3 pt-1 pb-2 my-3 font-ryo-gothic-plusn">
           <div className="flex flex-row">

src/pages/break-dk/menu/[confDay].tsx

@@ -1,3 +1,4 @@
+import '@/pages/globals-sub.css'
 import { useGetTalksAndTracksForMenu } from '@/components/hooks/useGetTalksAndTracks'
 import { MenuView } from '@/components/models/talkView'
 import config, { extendConfig } from '@/config'

src/pages/break-dk/talks/[talkId].tsx

@@ -103,7 +103,6 @@ function Pages() {
           <div className="absolute inset-0">{pages[current]}</div>
         )}
       </div>
-      <div className="w-[1280px] h-[300px] bg-black relative"></div>
     </>
   )
 }

src/pages/break/menu/[confDay].tsx

@@ -1,3 +1,4 @@
+import '@/pages/globals-sub.css'
 import { MenuView } from '@/components/models/talkView'
 import config, { extendConfig } from '@/config'
 import type { Talk } from '@/data/types'

src/pages/break/talks/[talkId].tsx

@@ -107,7 +107,6 @@ function Pages() {
           <div className="absolute inset-0">{pages[current]}</div>
         )}
       </div>
-      <div className="w-[1280px] h-[300px] bg-black relative"></div>
     </>
   )
 }

src/pages/globals-sub.css

@@ -0,0 +1,3 @@
+body {
+  background: rgb(0, 0, 0);
+}

src/pages/globals.css

@@ -3,7 +3,16 @@
 @tailwind utilities;
 
 body {
-  background: rgb(0, 0, 0);
+  background: rgb(255, 255, 255);
+}
+
+.hidden-scrollbar {
+  -ms-overflow-style: none; /* IE, Edge 対応 */
+  scrollbar-width: none; /* Firefox 対応 */
+}
+.hidden-scrollbar::-webkit-scrollbar {
+  /* Chrome, Safari 対応 */
+  display: none;
 }
 
 /* ローディング用CSSアニメーション */