feat: user card styles

RSSNext · Apr 27, 2024 · 1b74e1f · 1b74e1f
1 parent cbb2496
commit 1b74e1f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/renderer/src/components/feed-column/index.tsx b/src/renderer/src/components/feed-column/index.tsx
@@ -102,9 +102,7 @@ export function FeedColumn({
         })
       }
     >
-      <div className="flex justify-center py-2 mx-3 my-2 rounded-xl font-medium cursor-pointer bg-stone-300 text-zinc-600">
-        <UserButton className="h-8" />
-      </div>
+      <UserButton className="h-12 mx-3 mb-2 mt-1" />
       <div className="flex text-zinc-500 w-full justify-between text-xl my-2 px-5">
         <TooltipProvider delayDuration={300}>
           {items.map((item, index) => (

diff --git a/src/renderer/src/components/user-button.tsx b/src/renderer/src/components/user-button.tsx
@@ -19,7 +19,12 @@ export function UserButton({ className }: { className?: string }) {
   }
 
   return (
-    <div className={cn("h-20 flex items-center gap-2", className)}>
+    <div
+      className={cn(
+        "h-20 flex items-center gap-2 justify-center py-2 px-5 rounded-xl font-medium cursor-pointer bg-stone-300 text-zinc-600",
+        className,
+      )}
+    >
       <Avatar className="w-auto h-full aspect-square">
         <AvatarImage src={session?.user?.image || undefined} />
         <AvatarFallback>{session?.user?.name?.slice(0, 2)}</AvatarFallback>

diff --git a/src/renderer/src/pages/redirect.tsx b/src/renderer/src/pages/redirect.tsx
@@ -24,7 +24,7 @@ export function Component() {
 
   return (
     <div className="h-screen w-full flex items-center justify-center flex-col gap-10">
-      <UserButton />
+      <UserButton className="text-2xl bg-stone-100 px-10 py-4" />
       <h1 className="text-3xl font-bold">
         Successfully connected to ReadOK Account
       </h1>