fix tsumoend

Author: tknkaa

src/pages/Play/GameInterface.tsx

@@ -76,6 +76,7 @@ const GameInterface = (props: GameInterfaceProps) => {
 					score: props.playerInfo.score,
 				}),
 			});
+			console.log("result sent");
 		} catch (error) {
 			console.error("failed in creating score", error);
 		}

src/pages/Play/components/TsumoEnd.tsx

@@ -1,19 +1,38 @@
 import Button from "@mui/material/Button";
-import React from "react";
-import styles from "../styles/TsumoEnd.module.css";
 
 type TsumoEndProps = {
 	tsumoEnd: () => void;
 };
 
 export default function TsumoEnd(props: TsumoEndProps) {
 	return (
-		<div className={styles.container}>
-			<div className={styles.title}>ツモ！</div>
+		<div
+			style={{
+				justifyContent: "center",
+				height: "20rem",
+				width: "70rem",
+				margin: "0 auto",
+				transform: "translateY(3rem)",
+			}}
+		>
+			<div
+				style={{
+					fontFamily:
+						"Noto Serif JP, Source Han Serif JP, Hiragino Mincho ProN, Yu Mincho, serif",
+					fontSize: "8rem",
+					fontWeight: "1000",
+					color: "red",
+				}}
+			>
+				ツモ！
+			</div>
 			<Button
 				variant="contained"
 				onClick={props.tsumoEnd}
-				className={styles.checkButton}
+				sx={{
+					width: "8rem",
+					height: "4rem",
+				}}
 			>
 				確認
 			</Button>