style: mobile tweaks

Cygnusfear · Oct 25, 2023 · 7a2e92b · 7a2e92b
1 parent 8f255e6
commit 7a2e92b
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/client/src/App.tsx b/packages/client/src/App.tsx
@@ -12,7 +12,7 @@ export const App = () => {
   return (
     <RootLayout>
       <GameRoot />
-      <MudExample />
+      <MudExample display={false} />
       <LoadingScreen />
     </RootLayout>
   );

diff --git a/packages/client/src/components/ui/inventory.css b/packages/client/src/components/ui/inventory.css
@@ -3,7 +3,7 @@
 }
 
 .inventory-bar {
-  @apply flex-row flex justify-start w-full h-44 overflow-x-scroll overflow-y-visible z-50 max-w-full;
+  @apply flex-row flex justify-start sm:justify-center w-full h-44 overflow-x-scroll overflow-y-clip z-50 max-w-full px-3;
   scroll-snap-type: x mandatory; /* Enable vertical snap scrolling */
   scrollbar-width: none;
 }

diff --git a/packages/client/src/components/ui/tutorialModal.tsx b/packages/client/src/components/ui/tutorialModal.tsx
@@ -76,7 +76,7 @@ function TutorialModal({
           {!step.screens[screenIndex].hideNext && (
             <button
               onClick={() => onNext()}
-              className="w-full cursor-pointer rounded border border-t-0 border-[#FDBF7F] bg-[#FDBF7Faa] px-4 py-2 text-white hover:bg-[#FDBF7Fee] sm:w-auto"
+              className="w-full cursor-pointer border border-t-0 border-[#FDBF7F] bg-[#FDBF7F] px-4 py-2 text-white hover:bg-[#FDBF7Fee] sm:w-auto sm:rounded sm:bg-[#FDBF7Faa]"
             >
               Next
             </button>

diff --git a/packages/client/src/mudExample.tsx b/packages/client/src/mudExample.tsx
@@ -7,7 +7,7 @@ import { getState } from "./game/store";
 import { useState, useEffect } from "react";
 import { getTimestamp } from "./lib/utils";
 
-export const MudExample = (display: boolean = false) => {
+export const MudExample = ({ display = false }: { display: boolean }) => {
   const {
     components: { Counter, GameSetting },
     systemCalls: {