feat: use grid to layout

nomyfan · Nov 14, 2024 · a3b882b · a3b882b
1 parent b4dd6dc
commit a3b882b
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/app/gameboy/src/components/play/Play.tsx b/app/gameboy/src/components/play/Play.tsx
@@ -118,9 +118,9 @@ export function Play(props: IPagePlayProps) {
 
   return (
     <>
-      <div className="flex justify-end bg-bg" style={props.style}>
+      <div className="grid grid-cols-[1fr_auto_1fr] bg-bg" style={props.style}>
         <DebugCanvas ref={dbgCanvasRef} />
-        <div className="flex justify-end basis-0 grow shrink-0">
+        <div className="flex justify-end">
           {showActionButtons && (
             <div className="pt-5 pr-5">
               <DirectionButton
@@ -131,11 +131,11 @@ export function Play(props: IPagePlayProps) {
           )}
         </div>
 
-        <div className="flex items-center shrink-0">
+        <div className="flex items-center">
           <Screen ref={canvasRef} />
         </div>
 
-        <div className="basis-0 grow shrink-0">
+        <div>
           {showActionButtons && (
             <div className="pl-5 pt-5">
               <AbButton