Merge pull request #543 from Marukome0743/pr543

🎨style: change theme icon
OpenUp-LabTakizawa · Jun 4, 2024 · d1905c6 · d1905c6
2 parents 78dc7ae + a37acbb
commit d1905c6
Showing 1 changed file with 35 additions and 2 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,5 +1,12 @@
 import { getUsers } from '@/app/lib/getUsers'
-import { CameraIcon, PlusIcon, TableCellsIcon } from '@heroicons/react/24/solid'
+import {
+  CameraIcon,
+  CheckCircleIcon,
+  HandThumbUpIcon,
+  PencilSquareIcon,
+  PlusIcon,
+  TableCellsIcon,
+} from '@heroicons/react/24/solid'
 import type { User } from '@prisma/client'
 import Link from 'next/link'
 import type React from 'react'
@@ -15,7 +22,33 @@ export default function Home(): React.JSX.Element {
         <br />
         登録システム
       </h1>
-      <br />
+      <ul className="timeline timeline-vertical lg:timeline-horizontal">
+        <li>
+          <div className="timeline-start">1</div>
+          <div className="timeline-middle">
+            <PencilSquareIcon className="size-5" />
+          </div>
+          <div className="timeline-end timeline-box">必要情報の入力</div>
+          <hr />
+        </li>
+        <li>
+          <hr />
+          <div className="timeline-start">2</div>
+          <div className="timeline-middle">
+            <CheckCircleIcon className="size-5" />
+          </div>
+          <div className="timeline-end timeline-box">入力確認</div>
+          <hr />
+        </li>
+        <li>
+          <hr />
+          <div className="timeline-start">3</div>
+          <div className="timeline-middle">
+            <HandThumbUpIcon className="size-5" />
+          </div>
+          <div className="timeline-end timeline-box">完了</div>
+        </li>
+      </ul>
       <Link href="/register" className="btn btn-primary hover:scale-110">
         <CameraIcon className="size-6" />
         障がい者手帳画像を提出