Fix table height

JetonDAO · Oct 14, 2024 · bcf0dbc · bcf0dbc
1 parent cac145d
commit bcf0dbc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/web/src/app/games/[id]/components/Table.tsx b/apps/web/src/app/games/[id]/components/Table.tsx
@@ -5,11 +5,11 @@ import type { ReactNode } from "react";
 export function Table({ children }: { children: ReactNode }) {
   return (
     <div className="flex justify-center items-center w-full h-full animate-grow-in">
-      <div className="-z-40 md:scale-x-100 max-w-[70dvh] md:scale-y-100 md:scale-100 w-full md:max-w-[90dvw] xl:max-w-[90dvw] md:max-h-[77dvh] duration-500 scale-x-[1.9] scale-y-[1.75] sm:scale-y-125 relative 2xl:bottom-10 md:right-0 flex items-center justify-center">
+      <div className="-z-40 md:scale-x-100 max-w-[70dvh] md:scale-y-100 md:scale-100 w-full md:max-w-[90dvw] xl:max-w-[90dvw] md:max-h-[70dvh] duration-500 scale-x-[1.9] scale-y-[1.75] sm:scale-y-125 relative 2xl:bottom-10 md:right-0 flex items-center justify-center">
         <Image
           draggable={false}
           priority
-          className="object-fill w-full h-full rotate-90 md:rotate-0 md:max-h-[77dvh]"
+          className="object-fill w-full h-full rotate-90 md:rotate-0 md:max-h-[70dvh]"
           src={TableBackground}
           alt="table"
           style={{ imageRendering: "pixelated" }}