From a9ba2cee72ac5389cff644b74790cd9ddfe75452 Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Tue, 19 Nov 2024 11:13:08 +0800
Subject: [PATCH] fix UI

---
 .../renderer/components/documents/document-config-button.tsx    | 2 +-
 .../renderer/components/documents/document-epub-renderer.tsx    | 2 +-
 enjoy/src/renderer/components/layouts/sidebar.tsx               | 2 +-
 enjoy/src/renderer/pages/document.tsx                           | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/enjoy/src/renderer/components/documents/document-config-button.tsx b/enjoy/src/renderer/components/documents/document-config-button.tsx
index 5ed1723aa..a4bc7ac44 100644
--- a/enjoy/src/renderer/components/documents/document-config-button.tsx
+++ b/enjoy/src/renderer/components/documents/document-config-button.tsx
@@ -20,7 +20,7 @@ export const DocumentConfigButton = (props: { document: DocumentEType }) => {
     <Popover open={configOpen} onOpenChange={setConfigOpen}>
       <PopoverTrigger asChild>
         <Button variant="ghost" size="icon" className="w-6 h-6">
-          <SettingsIcon className="w-5 h-5" />
+          <SettingsIcon className="size-4" />
         </Button>
       </PopoverTrigger>
       <PopoverContent side="bottom" align="start">
diff --git a/enjoy/src/renderer/components/documents/document-epub-renderer.tsx b/enjoy/src/renderer/components/documents/document-epub-renderer.tsx
index 296fa0b51..99ef4a221 100644
--- a/enjoy/src/renderer/components/documents/document-epub-renderer.tsx
+++ b/enjoy/src/renderer/components/documents/document-epub-renderer.tsx
@@ -145,7 +145,7 @@ export const DocumentEpubRenderer = () => {
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <Button variant="ghost" size="icon" className="w-6 h-6">
-                <MenuIcon className="w-5 h-5" />
+                <MenuIcon className="size-4" />
               </Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent
diff --git a/enjoy/src/renderer/components/layouts/sidebar.tsx b/enjoy/src/renderer/components/layouts/sidebar.tsx
index 4287b3432..734652073 100644
--- a/enjoy/src/renderer/components/layouts/sidebar.tsx
+++ b/enjoy/src/renderer/components/layouts/sidebar.tsx
@@ -350,7 +350,7 @@ const SidebarHeader = (props: { isCollapsed: boolean }) => {
             onSelect={() => setDisplayDepositDialog(true)}
             className="cursor-pointer"
           >
-            <span className="flex-1 truncate">${user.balance}</span>
+            <span className="flex-1 truncate">${user.balance || 0.0}</span>
             <CreditCardIcon className="size-4 ml-auto" />
           </DropdownMenuItem>
           <DropdownMenuSeparator />
diff --git a/enjoy/src/renderer/pages/document.tsx b/enjoy/src/renderer/pages/document.tsx
index bd4646fa8..e8b1b7c52 100644
--- a/enjoy/src/renderer/pages/document.tsx
+++ b/enjoy/src/renderer/pages/document.tsx
@@ -58,7 +58,7 @@ const DocumentComponent = () => {
         </BreadcrumbList>
       </Breadcrumb>
 
-      <ResizablePanelGroup direction="horizontal" className="p-4">
+      <ResizablePanelGroup direction="horizontal" className="px-4 pb-4">
         <ResizablePanel id="document" order={0}>
           <ScrollArea
             className={`h-full px-4 pb-6 border rounded-lg shadow-lg ${