优化界面

qiuxiang · Oct 10, 2023 · 6032dd8 · 6032dd8
1 parent e29ccd8
commit 6032dd8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
     </style>
   </head>
   <body class="select-none font-sans text-gray-700 m-0">
-    <main class="fixed w-full h-full bg-gray-900 z-10" id="main"></main>
+    <main class="fixed w-full h-full bg-white z-10" id="main"></main>
     <script src="index.js"></script>
   </body>
 </html>
diff --git a/src/genshin-map/index.tsx b/src/genshin-map/index.tsx
@@ -20,7 +20,7 @@ export function GenshinMap() {
   return (
     <Tilemap
       key={mapInfo.getId()}
-      className="absolute w-full h-full"
+      className="absolute w-full h-full bg-gray-900"
       mapSize={[mapInfo.getWidth(), mapInfo.getHeight()]}
       origin={[mapInfo.getOriginX(), mapInfo.getOriginY()]}
       maxZoom={1}

diff --git a/src/index.tsx b/src/index.tsx
@@ -13,9 +13,9 @@ function Main() {
   const { mapData } = useSnapshot(store);
   if (!mapData) {
     return (
-      <div className="w-full h-full bg-white flex justify-center items-center">
+      <div className="w-full h-full flex justify-center items-center">
         <img
-          className="max-w-xs md:max-w-md"
+          className="max-w-[12rem] md:max-w-xs"
           src={require("../images/splash.jpg")}
         />
       </div>