fixed styling issues on mobile

ProjektAdLer · Sep 19, 2024 · 2c22306 · 2c22306
1 parent 9276993
commit 2c22306
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/Components/Core/Presentation/React/GeneralComponents/LoadingScreen/LoadingScreen.tsx b/src/Components/Core/Presentation/React/GeneralComponents/LoadingScreen/LoadingScreen.tsx
@@ -37,7 +37,7 @@ export default function LoadingScreen() {
           )}
         </section>
 
-        <div className="row-span-4 w-[85vw] max-w-6xl portrait:h-[60vh] bg-buttonbgblue p-4 rounded-xl overflow-y-auto">
+        <div className="row-span-4 w-[85vw] max-w-6xl portrait:h-[50vh] bg-buttonbgblue p-4 rounded-xl overflow-y-auto">
           <h1 className="portrait:pb-6 font-bold text-adlerdarkblue">
             {translate("sidebar_controls")}
           </h1>

diff --git a/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/LearningWorldMenu.tsx b/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/LearningWorldMenu.tsx
@@ -10,7 +10,7 @@ export default function LearningWorldMenu() {
       <div className="flex flex-col h-[100svh] bg-gradient-to-br from-adlerbggradientfrom to-adlerbggradientto overflow-hidden">
         <div className="grid order-2 grid-cols-2 grid-rows-1 portrait:grid-cols-1 portrait:grid-rows-2 portrait:gap-4 grow lg:rounded-lg">
           <ReturnHomeModal />
-          <WorldSelection className="col-start-1 portrait:col-start-1 portrait:row-start-1 p-2 m-2 rounded-lg lg:p-8 portrait:overflow-auto h-[90svh] portrait:h-[25svh]" />
+          <WorldSelection className="col-start-1 portrait:col-start-1 portrait:row-start-1 p-2 m-2 rounded-lg lg:p-8 portrait:overflow-auto h-[90svh] portrait:h-[45svh]" />
           <LearningWorldDetail className="flex col-start-2 p-2 portrait:col-start-1 portrait:row-start-2 lg:p-8" />
         </div>
         <MenuHeaderBar