fix: fixing linting

sitcon-tw · Nov 23, 2024 · aab052a · aab052a
1 parent 6986152
commit aab052a
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 64 deletions.
diff --git a/app/cfp/(submission)/_components/countdown.tsx b/app/cfp/(submission)/_components/countdown.tsx
@@ -44,7 +44,9 @@ export default function CountdownPage() {
         <div className="flex h-full w-[57%] items-center justify-between rounded-2xl border border-foreground px-5">
           <CalendarSvg height={48} width={48} />
           <div className="w-full justify-between px-4 text-foreground min-[1210px]:flex">
-            <p className="whitespace-nowrap text-nowrap font-bold">截止日期&nbsp;</p>
+            <p className="whitespace-nowrap text-nowrap font-bold">
+              截止日期&nbsp;
+            </p>
             <p className="whitespace-nowrap text-nowrap">
               2025 年 1 月 21 日（二）23:59
             </p>

diff --git a/app/cfp/(submission)/normal/page.tsx b/app/cfp/(submission)/normal/page.tsx
@@ -340,26 +340,17 @@ export default function Page() {
           <InformationField title="演講大綱" tags={["required"]}>
             請說明議程的內容大綱與時間分配。若為多位講者共同分享，請說明各個講者如何分配演講內容。
           </InformationField>
-          <InformationField
-            title="目標受眾"
-            tags={["required"]}
-          >
+          <InformationField title="目標受眾" tags={["required"]}>
             請說明您期待該議程的目標受眾為怎麼樣的人。例如：「嚮往成為前端開發者的初學者」、「欲精進某技能的後端工程師」等。SITCON
             2024 的會眾比例為：大學生 58%、高中/職生 22%、社會人士 8%、研究生
             11%、國中生 1%
           </InformationField>
-          <InformationField
-            title="先備知識"
-            tags={["required", "public"]}
-          >
+          <InformationField title="先備知識" tags={["required", "public"]}>
             請說明該議程的與會者所需具備的{" "}
             <span className="subTitle hightlight">先備知識</span> 例如：「能理解
             Python 基礎語法」、「能熟練運用 Class 與 OOP」等。
           </InformationField>
-          <InformationField
-            title="主題標籤"
-            tags={["required", "public"]}
-          >
+          <InformationField title="主題標籤" tags={["required", "public"]}>
             請填寫 1~4 個該議程相關的{" "}
             <span className="hightlight subTitle">領域與知識標籤</span>{" "}
             例如：ML、Data
@@ -603,16 +594,15 @@ export function InformationField({
     public: "公開",
   };
   return (
-    <div className="mt-1 flex flex-col gap-2">
-      <div className="flex items-center gap-2">
-        <span className="text-lg font-bold leading-9 text-secondary">
+    <div className="relative flex flex-col gap-2 rounded-2xl bg-background-light p-6">
+      <div className="items-left flex flex-col">
+        <span className="text-3xl font-bold leading-9 text-secondary">
           {title}
         </span>
+      </div>
+      <div className="absolute right-5 top-7 gap-2">
         {tags.map((tag) => (
-          <span
-            key={tag}
-            className={`rounded-lg bg-background-light px-3 ${tag || ""}`}
-          >
+          <span key={tag} className={`ml-2 rounded-lg px-3 py-1 ${tag || ""}`}>
             {tagClassMap[tag]}
           </span>
         ))}

diff --git a/app/cfp/(submission)/poster/page.tsx b/app/cfp/(submission)/poster/page.tsx
@@ -94,40 +94,25 @@ export default function Page() {
           </h3>
           <p>除標示為公開之資訊會對外公布外，其餘僅供審稿委員於審稿時閱讀。</p>
           <div className="flex flex-col gap-8">
-            <InformationField
-              title="題目"
-              tags={["required", "public"]}
-            >
+            <InformationField title="題目" tags={["required", "public"]}>
               長度請自行斟酌。
             </InformationField>
-            <InformationField
-              title="摘要"
-              tags={["required", "public"]}
-            >
+            <InformationField title="摘要" tags={["required", "public"]}>
               建議約 <span className="hightlight subTitle"> 350 </span>{" "}
               字，使用於宣傳與網站公告。
             </InformationField>
-            <InformationField
-              title="主題標籤"
-              tags={["required", "public"]}
-            >
+            <InformationField title="主題標籤" tags={["required", "public"]}>
               請填寫 1~3 個與海報內文相關的{" "}
               <span className="hightlight subTitle">領域與知識標籤</span>
               ，例如：ML、Data Science、資安、NLP
               等；錄取後會與提供稿件者溝通微調後公開於官網。
             </InformationField>
-            <InformationField
-              title="專案說明"
-              tags={["required"]}
-            >
+            <InformationField title="專案說明" tags={["required"]}>
               請以 PDF 檔案上傳，以{" "}
               <span className="hightlight subTitle"> 600~1500 </span>{" "}
               字為限。內容涵蓋專案或研究的背景與目標，說明其所解決的問題或探索的課題，並描述所使用的方法或技術，包括專案實施或研究過程中，並展示專案或研究的主要成果，說明其應用價值或理論貢獻，探討未來發展方向或進一步探索的可能性。投稿者可根據專案或研究的特性自行安排內容，展現專案或研究的獨特性與價值。專案說明不需設計或排版，僅需充分說明貴專案內容即可。
             </InformationField>
-            <InformationField
-              title="其他說明"
-              tags={[]}
-            >
+            <InformationField title="其他說明" tags={[]}>
               其他以上未提及之說明，若為延續性研究作品也請在此標明。
             </InformationField>
           </div>

diff --git a/app/cfp/(submission)/undefined/page.tsx b/app/cfp/(submission)/undefined/page.tsx
@@ -130,46 +130,28 @@ export default function Page() {
             <InformationField title="題目" tags={["required", "public"]}>
               請不要超出<span className="hightlight subTitle"> 20 </span>字。
             </InformationField>
-            <InformationField
-              title="摘要"
-              tags={["required", "public"]}
-            >
+            <InformationField title="摘要" tags={["required", "public"]}>
               建議<span className="hightlight subTitle"> 150~250 </span>
               字，使用於宣傳與網站公告。
             </InformationField>
-            <InformationField
-              title="為何選擇開放式議程"
-              tags={["required"]}
-            >
+            <InformationField title="為何選擇開放式議程" tags={["required"]}>
               請簡述為什麼您認為開放式議程更適合此議程的內容或主題呈現。這部分可以包括您希望透過開放式議程達成的效果、氣氛或參與方式，以便審稿委員理解您的設計考量。
             </InformationField>
-            <InformationField
-              title="進行模式"
-              tags={["required", "public"]}
-            >
+            <InformationField title="進行模式" tags={["required", "public"]}>
               不限字數，請詳細說明該議程預計如何和會眾互動，以及是否需要額外的工具，此項目將幫助會眾預期該如何參與此議程。
             </InformationField>
             <InformationField title="議程大綱" tags={["required"]}>
               請說明該開放式議程的大綱及時間長度規劃。
             </InformationField>
-            <InformationField
-              title="目標受眾"
-              tags={["required"]}
-            >
+            <InformationField title="目標受眾" tags={["required"]}>
               請說明您期待該議程的目標受眾為怎麼樣的人。例如：「嚮往成為前端開發者的初學者」、「不知道該不該讀研究所的學生」等。
             </InformationField>
-            <InformationField
-              title="先備知識"
-              tags={["required", "public"]}
-            >
+            <InformationField title="先備知識" tags={["required", "public"]}>
               請說明該議程的與會者所需具備的{" "}
               <span className="hightlight subTitle">先備知識</span>
               。例如：「能理解 Python 基礎語法」、「略懂 108 課綱現況」等。
             </InformationField>
-            <InformationField
-              title="主題標籤"
-              tags={["required", "public"]}
-            >
+            <InformationField title="主題標籤" tags={["required", "public"]}>
               請填寫 1~4 個該議程相關的{" "}
               <span className="hightlight subTitle">領域與知識標籤</span>{" "}
               ，例如：ML、Data