🚸 プレイヤーは中身が読み込まれる前にドラッグできるように

ci7lus · Jul 27, 2022 · fe01ab6 · fe01ab6
1 parent ccfdac0
commit fe01ab6
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -7,8 +7,8 @@
     <link href="dist/main.css" rel="stylesheet" />
   </head>
   <body>
-    <div id="app">
-      <div class="overflow-hidden">
+    <div id="app" class="h-screen app-region-drag">
+      <div class="overflow-hidden select-none app-region-drag">
         <div class="w-full h-screen flex items-center justify-center">
           <div class="flex items-center justify-center space-x-6 mr-4">
             <img

diff --git a/src/State.tsx b/src/State.tsx
@@ -31,7 +31,9 @@ export const StateRoot: React.FC<{
       <RecoilStoredSync />
       <RecoilSharedSync initialStates={states} />
       <QueryClientProvider client={queryClient}>
-        <div className={clsx("w-full", "h-full", "relative")}>
+        <div
+          className={clsx("w-full", "h-full", "relative", "app-region-no-drag")}
+        >
           <div
             id="OnBackgroundComponents"
             className={clsx(

diff --git a/src/components/global/Splash.tsx b/src/components/global/Splash.tsx
@@ -9,7 +9,13 @@ export const Splash: React.FC<{ children?: React.ReactNode }> = ({
     setOpacity(1)
   }, [])
   return (
-    <div className={clsx("overflow-hidden", "select-none")}>
+    <div
+      className={clsx(
+        "overflow-hidden",
+        "select-none",
+        !children && "app-region-drag"
+      )}
+    >
       <div
         className={clsx(
           "w-full",

diff --git a/src/index.scss b/src/index.scss
@@ -14,6 +14,7 @@
   contain: paint;
 }
 
+#react-refresh-overlay,
 .app-region-drag {
   -webkit-app-region: drag;
 }