cleaned up tabs

mowblox · Nov 15, 2023 · e0dfdd3 · e0dfdd3
1 parent c499609
commit e0dfdd3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/frontend/nextjs/src/app/dapp/layout.tsx b/frontend/nextjs/src/app/dapp/layout.tsx
@@ -55,7 +55,7 @@ export default function DappLayout({
             <div className="bg-background">
               <div className="grid lg:grid-cols-5">
                 <Sidebar className="hidden lg:block min-h-[94vh]" />
-                <div className="col-span-3 lg:col-span-4 lg:border-x">
+                <div className="col-span-3 lg:col-span-4">
                   {children}
                 </div>
 

diff --git a/frontend/nextjs/src/app/dapp/page.tsx b/frontend/nextjs/src/app/dapp/page.tsx
@@ -8,7 +8,7 @@ import { Separator } from "@/components/ui/separator";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { RightSidebar } from "./components/right-sidebar";
 import Image from "next/image";
-import {HiCheckBadge, HiOutlineFire} from "react-icons/hi2"
+import { HiCheckBadge, HiOutlineFire } from "react-icons/hi2"
 import { Badge } from "@/components/ui/badge";
 import Link from "next/link";
 
@@ -150,7 +150,7 @@ export default function RootLayout() {
 
   return (
     <div className="grid grid-cols-6 col-span-4">
-      <div className="h-full px-4 py-6 lg:px-6 col-span-3 lg:col-span-4 lg:border-x">
+      <div className="h-full px-4 py-6 lg:px-6 col-span-4 lg:col-span-4 md:border-x">
         <ScrollArea className="h-[90vh] w-full">
           <div className="flex flex-col">
             <Tabs defaultValue="following" className="w-full">
@@ -182,9 +182,9 @@ export default function RootLayout() {
           </div>
         </ScrollArea>
       </div>
-      <RightSidebar className="hidden lg:block min-h-[94vh] col-span-1 lg:col-span-2" >
+      <RightSidebar className="hidden md:block min-h-[94vh] col-span-2 lg:col-span-2" >
         <>
-        
+
           <div className="mb-8">
             <h2 className="mb-1 text-md pl-3 font-semibold tracking-tight">
               Top Creators

diff --git a/frontend/nextjs/src/components/ui/tabs.tsx b/frontend/nextjs/src/components/ui/tabs.tsx
@@ -14,7 +14,7 @@ const TabsList = React.forwardRef<
   <TabsPrimitive.List
     ref={ref}
     className={cn(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      "inline-flex items-center justify-start w-full border-b text-muted-foreground",
       className
     )}
     {...props}
@@ -29,7 +29,7 @@ const TabsTrigger = React.forwardRef<
   <TabsPrimitive.Trigger
     ref={ref}
     className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      "inline-flex items-center justify-center hover:border-b-2 whitespace-nowrap px-1.5 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-b-2 border-foreground data-[state=active]:text-foreground data-[state=active]:shadow-sm",
       className
     )}
     {...props}