⚒️ Design improvements.

pheralb · Nov 21, 2022 · 9d5e09c · 9d5e09c
1 parent 35e1e80
commit 9d5e09c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 21 deletions.
diff --git a/src/layout/index.tsx b/src/layout/index.tsx
@@ -9,7 +9,7 @@ const Layout = (props: LayoutProps) => {
   return (
     <>
       <Header />
-      {props.children}
+      <div className="min-h-auto">{props.children}</div>
       <Footer />
     </>
   );

diff --git a/src/pages/auth/index.tsx b/src/pages/auth/index.tsx
@@ -1,12 +1,10 @@
-import Loader from "@/motions/loader";
-import Up from "@/motions/up";
 import { getServerAuthSession } from "@/server/common/get-server-auth-session";
 import { Button } from "@/ui";
 import { GetServerSideProps, GetServerSidePropsContext } from "next";
 import { signIn } from "next-auth/react";
 import { useState } from "react";
 import toast from "react-hot-toast";
-import { BiRightArrowAlt } from "react-icons/bi";
+import { BsGithub } from "react-icons/bs";
 
 const Auth = () => {
   const [loading, setLoading] = useState(false);
@@ -35,23 +33,17 @@ const Auth = () => {
   };
 
   return (
-    <div className="container mx-auto pt-6">
-      <div className="flex flex-col items-center justify-center">
-        <Up>
-          <h1 className="text-4xl mb-8">👋 Welcome</h1>
-        </Up>
-        <Button className="ml-4 bg-midnightLight" onClick={handleSignIn}>
-          {loading ? (
-            <>
-              <Loader />
-              Loading
-            </>
-          ) : (
-            <>
-              Continue with GitHub
-              <BiRightArrowAlt className="ml-2" />
-            </>
-          )}
+    <div className="container mx-auto">
+      <div className="flex flex-col items-center justify-center mt-16 px-4">
+        <h1 className="text-4xl mb-8">👋 Welcome</h1>
+        <Button
+          className="ml-4 bg-midnightLight"
+          onClick={handleSignIn}
+          isLoading={loading}
+          loadingText="Loading..."
+          icon={<BsGithub size={17} />}
+        >
+          Sign in with GitHub
         </Button>
       </div>
     </div>

diff --git a/src/pages/dash/index.tsx b/src/pages/dash/index.tsx
@@ -55,6 +55,7 @@ const Dashboard = () => {
         .map((link) => (
           <Card
             key={link.id}
+            id={link.id}
             url={link.url}
             slug={link.slug}
             description={link.description || "No description"}