refactor: dangerouslySetInnerHTMLと一部スタイルを修正

meguroes · Jan 3, 2024 · 6e5a5b1 · 6e5a5b1
1 parent aa3e600
commit 6e5a5b1
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/components/WantedSponsor.tsx b/src/components/WantedSponsor.tsx
@@ -60,7 +60,7 @@ export const WantedSponsor = ({
                 label={reward.title}
                 sizes="small"
               />
-              <p
+              <div
                 className="text-14 font-light leading-180 tracking-2"
                 dangerouslySetInnerHTML={{ __html: reward.desc }}
               />

diff --git a/src/pages/about/+Page.tsx b/src/pages/about/+Page.tsx
@@ -8,6 +8,7 @@ export function Page() {
   const context = usePageContext();
   const about = context?.data?.about;
   const wantedSponsor = context?.data?.wantedSponsor;
+
   return (
     <main class="about grid grid-cols-1 gap-120 px-20 md:p-80">
       <div class="grid grid-cols-1 gap-48">
@@ -64,7 +65,7 @@ export function Page() {
           label={about?.fields.historyTitle || ""}
           sizes="small"
         />
-        <p
+        <div
           className="mb-16 text-14 font-regular leading-180 tracking-2"
           dangerouslySetInnerHTML={{ __html: about?.fields.history || "" }}
         />

diff --git a/src/pages/guideline/+Page.tsx b/src/pages/guideline/+Page.tsx
@@ -98,7 +98,7 @@ export default function Page() {
               label={slogan.title}
               sizes="small"
             />
-            <p
+            <div
               className="text-14 font-light leading-180 tracking-2"
               dangerouslySetInnerHTML={{ __html: slogan.desc }}
             />
@@ -119,7 +119,7 @@ export default function Page() {
                 label={againstViolation.title}
                 sizes="small"
               />
-              <p
+              <div
                 className="text-14 font-light leading-180 tracking-2"
                 dangerouslySetInnerHTML={{ __html: againstViolation.desc }}
               />
@@ -141,7 +141,7 @@ export default function Page() {
                 label={supplement.title}
                 sizes="small"
               />
-              <p
+              <div
                 className="text-14 font-light leading-180 tracking-2"
                 dangerouslySetInnerHTML={{ __html: supplement.desc }}
               />

diff --git a/src/pages/index/+Page.tsx b/src/pages/index/+Page.tsx
@@ -194,7 +194,7 @@ export function Page() {
                   <td className="flex items-center px-0 py-24 lg:table-cell lg:pl-4 lg:pr-32">
                     <p
                       className={clsx(
-                        "h-fit whitespace-nowrap rounded-8 py-8 pl-12 pr-10 text-center text-14 font-bold leading-100 tracking-2 md:rounded-12 md:py-12 md:pl-16 md:pr-14 md:text-18",
+                        "h-fit w-fit whitespace-nowrap rounded-8 py-8 pl-12 pr-10 text-center text-14 font-bold leading-100 tracking-2 md:rounded-12 md:py-12 md:pl-16 md:pr-14 md:text-18",
                         {
                           "bg-white-alpha12 text-white": !isComingSoon,
                           "bg-gradient-primary relative before:absolute before:inset-0 before:m-2 before:rounded-6 before:bg-navy md:before:rounded-10":