From fb681b6470e42ea9786256e4da0062c8bf0b43b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=93=E9=BC=A0?=
 <71394853+hamster1963@users.noreply.github.com>
Date: Mon, 6 Jan 2025 21:02:58 +0800
Subject: [PATCH] fix: Fix login provider button gap (#94)

* fix: oauth2_providers button gap

* fix: remove test code
---
 src/routes/login.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/login.tsx b/src/routes/login.tsx
index d08487f..2f6751f 100644
--- a/src/routes/login.tsx
+++ b/src/routes/login.tsx
@@ -117,13 +117,13 @@ function Login() {
                         </section>
                     )}
             </Form>
-            <div className="mt-3 flex flex-col space-y-2">
+            <div className="mt-3 flex flex-col gap-3">
                 {settingData?.config?.oauth2_providers?.map((p: string) => (
                     <Button
-                        className="w-full rounded-lg shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] bg-muted text-primary hover:bg-muted/80 hover:text-primary/80 mb-3"
+                        className="w-full rounded-lg shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] bg-muted text-primary hover:bg-muted/80 hover:text-primary/80"
                         onClick={() => loginWith(p)}
                     >
-                        {p === "GitHub" && <GitHubIcon className="-mt-[1px] size-4" />}
+                        {p === "GitHub" && <GitHubIcon className="size-4" />}
                         {p}
                     </Button>
                 ))}