Add border below TabsLists

Tribler · Nov 6, 2024 · cb3e74e · cb3e74e
1 parent 27df29d
commit cb3e74e
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/src/tribler/ui/src/pages/Debug/Asyncio/index.tsx b/src/tribler/ui/src/pages/Debug/Asyncio/index.tsx
@@ -7,7 +7,7 @@ import SlowTasks from "./SlowTasks";
 export default function IPv8() {
     return (
         <Tabs defaultValue="tasks" className="w-full flex flex-col flex-wrap">
-            <TabsList className="flex-rows-3">
+            <TabsList className="flex-rows-3 border-b">
                 <TabsTrigger value="tasks">Tasks</TabsTrigger>
                 <TabsTrigger value="slow">Slow tasks</TabsTrigger>
                 <TabsTrigger value="health">Health</TabsTrigger>

diff --git a/src/tribler/ui/src/pages/Debug/DHT/index.tsx b/src/tribler/ui/src/pages/Debug/DHT/index.tsx
@@ -11,7 +11,7 @@ import Statistics from "./Statistics"
 export default function DHT() {
     return (
         <Tabs defaultValue="statistics" className="w-full flex flex-col">
-            <TabsList className="flex-cols-2">
+            <TabsList className="flex-cols-2 border-b">
                 <TabsTrigger value="statistics">Statistics</TabsTrigger>
                 <TabsTrigger value="buckets">Buckets</TabsTrigger>
             </TabsList>

diff --git a/src/tribler/ui/src/pages/Debug/IPv8/index.tsx b/src/tribler/ui/src/pages/Debug/IPv8/index.tsx
@@ -6,7 +6,7 @@ import Details from "./Details";
 export default function IPv8() {
     return (
         <Tabs defaultValue="overlays" className="w-full flex flex-col flex-wrap">
-            <TabsList className="flex-rows-3">
+            <TabsList className="flex-rows-3 border-b">
                 <TabsTrigger value="overlays">Overlays</TabsTrigger>
                 <TabsTrigger value="details">Details</TabsTrigger>
             </TabsList>

diff --git a/src/tribler/ui/src/pages/Debug/Libtorrent/index.tsx b/src/tribler/ui/src/pages/Debug/Libtorrent/index.tsx
@@ -50,7 +50,7 @@ export default function Libtorrent() {
 
     return (
         <Tabs defaultValue="settings" className="w-full flex flex-col flex-wrap">
-            <TabsList className="flex-rows-4">
+            <TabsList className="flex-rows-4 border-b">
                 <TabsTrigger value="settings">Settings</TabsTrigger>
                 <TabsTrigger value="session">Session</TabsTrigger>
                 <div className="flex items-center flex-1"></div>

diff --git a/src/tribler/ui/src/pages/Debug/Tunnels/index.tsx b/src/tribler/ui/src/pages/Debug/Tunnels/index.tsx
@@ -9,7 +9,7 @@ import Peers from "./Peers"
 export default function Tunnels() {
     return (
         <Tabs defaultValue="circuits" className="w-full flex flex-col">
-            <TabsList className="flex-cols-5">
+            <TabsList className="flex-cols-5 border-b">
                 <TabsTrigger value="circuits">Circuits</TabsTrigger>
                 <TabsTrigger value="relays">Relays</TabsTrigger>
                 <TabsTrigger value="exits">Exit sockets</TabsTrigger>

diff --git a/src/tribler/ui/src/pages/Downloads/Details.tsx b/src/tribler/ui/src/pages/Downloads/Details.tsx
@@ -41,7 +41,7 @@ export default function DownloadDetails({ selectedDownloads }: { selectedDownloa
 
     return (
         <Tabs ref={tabsRef} defaultValue="details" className="w-full" >
-            <TabsList className="flex flex-1 flex-cols-4">
+            <TabsList className="flex flex-1 flex-cols-4 border-b">
                 <TabsTrigger value="details">{t('Details')}</TabsTrigger>
                 <TabsTrigger value="files">{t('Files')}</TabsTrigger>
                 <TabsTrigger value="trackers">{t('Trackers')}</TabsTrigger>