From 2fd35309113b6ca7561041cb57976e0d1192bba0 Mon Sep 17 00:00:00 2001 From: Triston Date: Tue, 13 Feb 2024 21:29:08 -0600 Subject: [PATCH] Update the thai page --- pages/thai/index.tsx | 69 +++++++++++++++++++++++++++++--------------- styles/thai.css | 28 +++++++++--------- 2 files changed, 60 insertions(+), 37 deletions(-) diff --git a/pages/thai/index.tsx b/pages/thai/index.tsx index 4ef0d5a..434f77f 100644 --- a/pages/thai/index.tsx +++ b/pages/thai/index.tsx @@ -11,6 +11,35 @@ const cardSpinningTimer = { }; export default function Home() { + return ( + <> + + Thai Stuff + + +
+ +
+

+
+ +
+
+

+
+
+
+ + ) +} + +function FlippyCard() { const cardRef = useRef(null) const [randomeLetter, setRandomLetter] = useState({ letter: 'ฮ', @@ -30,30 +59,24 @@ export default function Home() { } return ( - <> - - Thai Stuff - - -
-
-

{randomeLetter.letter}

-

{randomeLetter.phono}

-
-
- - -
+
+
+

{randomeLetter.letter}

+

{randomeLetter.phono}

- +
+ + +
+
) } diff --git a/styles/thai.css b/styles/thai.css index 09cf178..9569be2 100644 --- a/styles/thai.css +++ b/styles/thai.css @@ -1,22 +1,22 @@ -.card { - position: absolute; - top: calc(50% - 22rem); - left: calc(50% - 9rem); - width: 18rem; - height: 26rem; - padding: 10px; +.grey-round { + padding: 2px; background-color: rgba(255, 255, 255, 0.15); border-radius: 10px; - display: flex; - justify-content: space-between; - align-items: center; - flex-direction: column; border-right: 1px solid color(srgb 0.3784 0.4042 0.43); border-top: 1px solid color(srgb 0.3784 0.4042 0.43); } +.card { + width: 10rem; + height: 14rem; + display: flex; + justify-content: space-between; + align-items: center; + flex-direction: column; +} + .card > div > p:first-of-type { - font-size: 8rem; + font-size: 4rem; margin: 0; color: #bfcedd; text-shadow: -4px 3px 7px #121316; @@ -33,10 +33,10 @@ justify-content: center; align-items: center; width: 100%; - padding: 0; + padding: 4px; margin: 0; gap: 2px; - font-size: 1.6rem; + font-size: 0.8rem; } .card > .buttons > button {