adjust style in errata

core-curriculum · Mar 6, 2024 · 5118f47 · 5118f47
1 parent 9d2b614
commit 5118f47
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/src/pages/errata/index.tsx b/src/pages/errata/index.tsx
@@ -45,20 +45,22 @@ const ErrataAPage: NextPage<PageProps> = ({ data }: PageProps) => {
       <div className="m-4 pb-24">
         {data.map(({ position, error, correct, comment, date }, i) => {
           return (
-            <section key={error} className="mx-auto mb-16 max-w-3xl">
+            <section key={error} className="mx-auto mb-16 flex w-fit max-w-3xl flex-col gap-2 pl-2">
               <h3 className="text-base-content my-4 text-lg">{position}</h3>
-              <p className="text-base-content ml-2">
-                <span className="text-accent">{t("errorHeader")}</span> {error}
-              </p>
-              <p className="text-base-content ml-2">
-                <span className="text-accent">{t("correctHeader")}</span> {correct}
-              </p>
+              <div>
+                <p className="text-base-content">
+                  <span className="text-accent">{t("errorHeader")}</span> {error}
+                </p>
+                <p className="text-base-content">
+                  <span className="text-accent">{t("correctHeader")}</span> {correct}
+                </p>
+              </div>
               {comment && (
-                <p className="text-base-content ml-2">
-                  <span className="text-accent">{t("commentHeader")}</span> {comment}
+                <p className="text-base-content text-sm">
+                  <span className="">{t("commentHeader")}</span> {comment}
                 </p>
               )}
-              <p className="text-base-content/40 ml-2 text-xs">{date}</p>
+              <p className="text-base-content/40 justify-end text-right text-xs">{date}</p>
             </section>
           );
         })}

diff --git a/src/services/i18n/text.ts b/src/services/i18n/text.ts
@@ -146,7 +146,7 @@ const text = {
     h1: { ja: "誤植・誤り一覧", en: "Errata" },
     errorHeader: { ja: "誤り", en: "Error" },
     correctHeader: { ja: "訂正", en: "Correction" },
-    commentHeader: { ja: "コメント", en: "Comment" },
+    commentHeader: { ja: "注: ", en: "Note: " },
   },
   "@pages/404": {
     title: {