Wodey/wodey-prototype
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style: Enhance Tabs appearance on Trash page

Browse Source
This commit is contained in:
pious2847 2025-04-26 21:40:41 +00:00
parent 0412ef3f92
commit 26b9b3ca55
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/trash/page.tsx
View File

@ -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;
export default TrashPage;