fixed styling issues for adaptivity on mobiles

ProjektAdLer · Nov 16, 2023 · 02902e6 · 02902e6
1 parent 84d41ae
commit 02902e6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/...esentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementDialogContainer.tsx b/...esentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementDialogContainer.tsx
@@ -102,7 +102,7 @@ export default function AdaptivityElementDialogContainer({
   return (
     <StyledContainer className={tailwindMerge(className, "")}>
       <div
-        className="fixed top-0 bottom-0 left-0 right-0 flex flex-col items-center bg-black bg-opacity-30 justify-center w-screen h-screen lg:grid lg:grid-rows-3 lg:items-start"
+        className="fixed top-0 bottom-0 left-0 right-0 flex flex-col items-center bg-black bg-opacity-30 justify-center w-screen h-full lg:grid lg:grid-rows-3 lg:items-start"
         onClick={controller.closeModal}
       >
         {/* Background NPC */}

diff --git a/src/Components/Core/Presentation/Adaptivity/BreakTimeNotification/BreakTimeNotification.tsx b/src/Components/Core/Presentation/Adaptivity/BreakTimeNotification/BreakTimeNotification.tsx
@@ -64,7 +64,10 @@ export default function BreakTimeNotification({ className }: AdLerUIComponent) {
             x
           </div>
         </StyledButton>
-        <StyledButton className="fixed lg:hidden left-2 bottom-2">
+        <StyledButton
+          className="fixed lg:hidden left-2 bottom-2"
+          onClick={() => controller.minimizeOrMaximizeBreakNotification()}
+        >
           <img src={pauseIcon} className="h-fit" alt="" />
         </StyledButton>
       </div>