From 773e105d206e2206680b6d2f885ecc5f6f61ed2e Mon Sep 17 00:00:00 2001
From: Qing <cwq1913@gmail.com>
Date: Thu, 4 Jan 2024 21:56:20 +0800
Subject: [PATCH] add dot background

---
 web_app/src/App.tsx                   | 2 +-
 web_app/src/components/FileSelect.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web_app/src/App.tsx b/web_app/src/App.tsx
index 75431ee..e00ec21 100644
--- a/web_app/src/App.tsx
+++ b/web_app/src/App.tsx
@@ -152,7 +152,7 @@ function Home() {
   })
 
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between w-full">
+    <main className="flex min-h-screen flex-col items-center justify-between w-full bg-[radial-gradient(circle_at_1px_1px,_#8e8e8e8e_1px,_transparent_0)] [background-size:20px_20px] bg-repeat">
       <Toaster />
       <Header />
       <Workspace key={workspaceId} />
diff --git a/web_app/src/components/FileSelect.tsx b/web_app/src/components/FileSelect.tsx
index e979d35..c75da22 100644
--- a/web_app/src/components/FileSelect.tsx
+++ b/web_app/src/components/FileSelect.tsx
@@ -37,7 +37,7 @@ export default function FileSelect(props: FileSelectProps) {
     <div className="absolute flex w-screen h-screen justify-center items-center pointer-events-none">
       <label
         htmlFor={uploadElemId}
-        className="grid border-[2px] border-[dashed] rounded-lg min-w-[600px] hover:bg-primary hover:text-primary-foreground pointer-events-auto"
+        className="grid bg-background border-[2px] border-[dashed] rounded-lg min-w-[600px] hover:bg-primary hover:text-primary-foreground pointer-events-auto"
       >
         <div
           className="grid p-16 w-full h-full"