From 26b9b3ca5504fba66554ac206245056d229376d2 Mon Sep 17 00:00:00 2001
From: pious2847 <abdulhafis2847@gmail.com>
Date: Sat, 26 Apr 2025 21:40:41 +0000
Subject: [PATCH] Style: Enhance Tabs appearance on Trash page

---
 app/trash/page.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/trash/page.tsx b/app/trash/page.tsx
index bab7065..778dd3a 100644
--- a/app/trash/page.tsx
+++ b/app/trash/page.tsx
@@ -40,11 +40,11 @@ const TrashPage = () => {
     return (
         <div className="w-full h-screen flex flex-col p-10 bg-[#F3F3F3]">
             <Tabs defaultValue="ebooks" className="w-full">
-                <TabsList className="w-full md:w-fit">
-                    <TabsTrigger value="ebooks">Ebooks</TabsTrigger>
-                    <TabsTrigger value="images">Images</TabsTrigger>
-                    <TabsTrigger value="videos">Videos</TabsTrigger>
-                    <TabsTrigger value="audios">Audios</TabsTrigger>
+                <TabsList className="w-full md:w-fit bg-transparent">
+                    <TabsTrigger value="ebooks" className="border-b-2 border-transparent data-[state=active]:border-b-primary rounded-none data-[state=active]:shadow-none data-[state=active]:bg-transparent">Ebooks</TabsTrigger>
+                    <TabsTrigger value="images" className="border-b-2 border-transparent data-[state=active]:border-b-primary rounded-none data-[state=active]:shadow-none data-[state=active]:bg-transparent">Images</TabsTrigger>
+                    <TabsTrigger value="videos" className="border-b-2 border-transparent data-[state=active]:border-b-primary rounded-none data-[state=active]:shadow-none data-[state=active]:bg-transparent">Videos</TabsTrigger>
+                    <TabsTrigger value="audios" className="border-b-2 border-transparent data-[state=active]:border-b-primary rounded-none data-[state=active]:shadow-none data-[state=active]:bg-transparent">Audios</TabsTrigger>
                 </TabsList>
                 <TabsContent value="ebooks">
                     <EmptyRecords image="/images/noEbook.png" longDescription="Any ebooks you trashed will end up here. You’ll have 30 days to restore them before they’re automatically deleted from your Trash." shortDescription="There’s nothing in your Trash" />
@@ -74,4 +74,4 @@ const TrashPage = () => {
     );
 }
 
-export default TrashPage;
\ No newline at end of file
+export default TrashPage;