fix: add text wrapper and fix typos

esc-chula · Sep 14, 2024 · c6f5be3 · c6f5be3
1 parent 962f346
commit c6f5be3
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 30 deletions.
diff --git a/src/pages/story/2-08.astro b/src/pages/story/2-08.astro
@@ -15,7 +15,7 @@ import TextBubbleWrapper from "@/components/TextBubbleWrapper.astro";
 >
   <TextBubbleWrapper>
     <TextBubble
-      name="กระทิงดำกล้ามโต"
+      name="กระทิงกล้ามโต"
       text={"%USERNAME% พูดถูก . . . เอาล่ะ ทุกคนมาทำตามที่มนุษย์คนนี้บอกเร็วเข้า"}
       className="bg-bull"
       client:only="react"

diff --git a/src/pages/story/4-06.astro b/src/pages/story/4-06.astro
@@ -6,27 +6,26 @@ import TextBubble from "@/components/TextBubble";
 
 import BackgroundImage from "@/assets/story/scene-4/03.webp";
 import BackgroundImageLow from "@/assets/story/scene-4/03-low.webp";
+import TextBubbleWrapper from "@/components/TextBubbleWrapper.astro";
 ---
 
 <ImagePageLayout
   backgroundColor="bg-[#303030]"
   image={BackgroundImage}
   imageLowRes={BackgroundImageLow}
 >
-  <div class="absolute top-20 flex w-full justify-center">
-    <div class="mb-12 flex flex-col items-center">
-      <TextBubble
-        name="%USERNAME%"
-        text={"ชาไทยบาดเจ็บอะไรไหม"}
-        className="bg-user"
-        client:only="react"
-      />
-      <TextBubble
-        name="ชาไทย"
-        text={"ไม่เป็นไรหรอก ก็เธอใช้เวทย์มนต์ของอัญมณีช่วยเราไว้นี่นา"}
-        className="bg-chathai"
-      />
-    </div>
-  </div>
+  <TextBubbleWrapper>
+    <TextBubble
+      name="%USERNAME%"
+      text={"ชาไทยบาดเจ็บอะไรไหม"}
+      className="bg-user"
+      client:only="react"
+    />
+    <TextBubble
+      name="ชาไทย"
+      text={"ไม่เป็นไรหรอก ก็เธอใช้เวทย์มนต์ของอัญมณีช่วยเราไว้นี่นา"}
+      className="bg-chathai"
+    />
+  </TextBubbleWrapper>
   <Tap delay={0.5} redirectUrl="/story/4-07" client:load />
 </ImagePageLayout>
diff --git a/src/pages/story/4-15.astro b/src/pages/story/4-15.astro
@@ -6,26 +6,25 @@ import TextBubble from "@/components/TextBubble";
 
 import BackgroundImage from "@/assets/story/scene-4/09.webp";
 import BackgroundImageLow from "@/assets/story/scene-4/09-low.webp";
+import TextBubbleWrapper from "@/components/TextBubbleWrapper.astro";
 ---
 
 <ImagePageLayout
   backgroundColor="bg-[#303030]"
   image={BackgroundImage}
   imageLowRes={BackgroundImageLow}
 >
-  <div class="absolute top-20 flex w-full justify-center">
-    <div class="mb-12 flex flex-col items-center">
-      <TextBubble
-        name="ชาไทย"
-        text={"เราก็จะเป็นกำลังใจให้เธอเสมอ"}
-        className="bg-chathai"
-      />
-      <TextBubble
-        name="ชาไทย"
-        text={"ลาก่อนนะ %USERNAME%"}
-        className="bg-chathai"
-      />
-    </div>
-  </div>
+  <TextBubbleWrapper>
+    <TextBubble
+      name="ชาไทย"
+      text={"เราก็จะเป็นกำลังใจให้เธอเสมอ"}
+      className="bg-chathai"
+    />
+    <TextBubble
+      name="ชาไทย"
+      text={"ลาก่อนนะ %USERNAME%"}
+      className="bg-chathai"
+    />
+  </TextBubbleWrapper>
   <Tap delay={0.5} redirectUrl="/story/4-16" client:load />
 </ImagePageLayout>