chore(fe): edit update information dialog content (#2162)

skkuding · Oct 13, 2024 · 76e4ee2 · 76e4ee2
1 parent 418fc11
commit 76e4ee2
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/apps/frontend/components/auth/UpdateInformation.tsx b/apps/frontend/components/auth/UpdateInformation.tsx
@@ -19,22 +19,22 @@ export default function UpdateInformation() {
           width={100}
         />
       </div>
-      <div className="mt-12 inline-flex items-center text-center font-mono text-xl font-bold text-red-500">
+      <div className="mt-20 inline-flex items-center text-center font-mono text-xl font-bold text-red-500">
         <IoWarningOutline />
         <p className="pl-2">Update Information</p>
       </div>
-      <div className="mt-5 text-center text-xs text-neutral-700">
-        <p>You</p>
-        <p className="text-bold">must update below information</p>
+      <div className="my-6 flex flex-col gap-2 text-center text-xs text-neutral-700">
+        <p>
+          You <span className="font-bold">must update below information</span>
+        </p>
         <p>to continue using our service (~ 2024-10-31).</p>
       </div>
-      <div className="my-8 w-36 border-b" />
-      <ul className="mt-1 text-xs font-medium text-neutral-700">
-        <li>Your Student ID</li>
-        <li>Your First Major</li>
+      <ul className="flex flex-col gap-2 text-xs font-medium text-neutral-700">
+        <li className="list-disc">Student ID</li>
+        <li className="list-disc">First Major</li>
       </ul>
       <Button
-        className="mt-10 w-full bg-red-500 font-semibold hover:bg-red-600"
+        className="mt-8 w-full bg-red-500 font-semibold hover:bg-red-600"
         onClick={() => {
           router.push(
             ('/settings' +