optimize ui with small steps

RoderickQiu · RoderickQiu · commit 84c2a4e13d74 · 2025-05-26T22:08:34.000+08:00
diff --git a/peachide/src/app/layout.tsx b/peachide/src/app/layout.tsx
@@ -26,8 +26,8 @@ export default function RootLayout({
             <body>
                 <ThemeProvider
                     attribute="class"
-                    defaultTheme="system"
-                    enableSystem
+                    defaultTheme="light"
+                    enableSystem={false}
                     disableTransitionOnChange
                 >
                     <UserProvider>
diff --git a/peachide/src/app/slides/[id]/Comments.tsx b/peachide/src/app/slides/[id]/Comments.tsx
@@ -72,13 +72,13 @@ function ReplyBox({ id, title, avatar, content, forPage, showPageNumber, childre
                         {type === 'comment' ?
                             (<>
                                 <ReplyDialog trigger={
-                                    <Button variant="ghost" size="icon" className="size-4 mr-2">
+                                    <Button variant="ghost" size="icon" className="size-4 mr-2 text-muted-foreground">
                                         <Reply />
                                     </Button>} props={{ page: forPage, type: "reply", id: id }} mutate={mutateReplies} />
                                 <span>·</span>
                                 <ExtraCommentDialog trigger={
                                     <Button variant="ghost" className="h-4 w-12 ml-1.5 flex items-center">
-                                        <span className="text-xs text-gray-200">Reply {comment?.replies?.length ? `${comment?.replies?.length}` : '0'}</span>
+                                        <span className="text-xs text-muted-foreground">Reply {comment?.replies?.length ? `${comment?.replies?.length}` : '0'}</span>
                                     </Button>} replies={comment?.replies} fromTitle={title}
                                     props={{ page: forPage, type: "comment", id: id }} />
                             </>)
diff --git a/peachide/src/components/pdf/PDFPart.tsx b/peachide/src/components/pdf/PDFPart.tsx
@@ -232,7 +232,7 @@ export const PDFPart: React.FC<PDFPartProps> = ({ props, onFeedbackAction }) =>
                     </Page>
                 ))}
             </PDFDocument>
-            <div className="sticky bottom-0 left-0 z-[1000] flex items-center bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+            <div className="sticky bottom-0 left-0 z-[40] flex items-center bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
                 <div className="flex">
                     <Button variant="outline" size="icon" className="size-6 ml-2 mb-2 mt-2"
                         onClick={() => setScale(scale + 0.1)}>
