maybe complete

Author: tknkaa

src/pages/Play/GameInterface.tsx

@@ -258,7 +258,7 @@ const GameInterface = (props: GameInterfaceProps) => {
 								gridTemplateColumns: "50% 50%",
 								gridTemplateRows: "50% 50%",
 								width: "70rem",
-								height: "25rem",
+								height: "22rem",
 								gap: "0.1rem",
 							}}
 						>

src/pages/Play/components/DiscardArea.tsx

@@ -15,7 +15,7 @@ function DiscardArea(props: DiscardAreaProps) {
 	return (
 		<div
 			style={{
-				height: "20.5rem",
+				height: "90%",
 				borderRadius: "1rem",
 				boxShadow: "1px 1px 2px rgba(0, 0, 0, 0.2)",
 			}}

src/pages/Play/components/DisplaySwitch.tsx

@@ -6,7 +6,7 @@ type DisplaySwitchProps = {
 };
 export default function DisplaySwitch(props: DisplaySwitchProps) {
 	return (
-		<div style={{ height: "2.8rem" }}>
+		<div style={{ height: "10%" }}>
 			{props.display === "sutehai" ? (
 				<div
 					style={{

src/pages/Play/components/HandStatus.tsx

@@ -7,7 +7,7 @@ function HandStatus(props: HandStatusProps) {
 	return (
 		<div
 			style={{
-				paddingBottom: "3rem",
+				height: "100%",
 				display: "flex",
 				gap: "1rem",
 				flexDirection: "column",

src/pages/Play/components/ValidTiles.tsx

@@ -15,7 +15,7 @@ export default function ValidTiles(props: ValidTilesProps) {
 			style={{
 				borderRadius: "1rem",
 				boxShadow: "1px 1px 2px rgba(0, 0, 0, 0.2)",
-				height: "20.5rem",
+				height: "90%",
 				overflow: "hidden",
 			}}
 		>

src/pages/Play/components/WaitingTiles.tsx

@@ -17,7 +17,7 @@ function WaitingTiles(props: WaitingTilesProps) {
 	return (
 		<div
 			style={{
-				paddingBottom: "6rem",
+				height: "100%",
 				borderRadius: "1rem",
 				boxShadow: "1px 1px 2px rgba(0, 0, 0, 0.2)",
 			}}