From fe862559fc89a92aace99d12a40a973c24f60478 Mon Sep 17 00:00:00 2001
From: Klesti Selimaj <klesti.selimay@icloud.com>
Date: Wed, 18 Feb 2026 01:05:40 +0100
Subject: [PATCH] Small improvements

---
 src/app/globals.css                         |  2 +-
 src/app/market/components/MarketSidebar.tsx | 21 ++++++++++++++-------
 src/app/market/page.tsx                     |  6 ++++--
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 7d4df37..d44b6a6 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -114,7 +114,7 @@
   --bullish: oklch(0.72 0.18 165);
   
   /* Bearish - destructive/coral red */
-  --bearish: oklch(0.62 0.2 30);
+  --bearish: oklch(63.35% 0.2171 4.38);
 }
 
 @layer base {
diff --git a/src/app/market/components/MarketSidebar.tsx b/src/app/market/components/MarketSidebar.tsx
index 2e85c90..4063bd2 100644
--- a/src/app/market/components/MarketSidebar.tsx
+++ b/src/app/market/components/MarketSidebar.tsx
@@ -1,24 +1,31 @@
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
 export default function MarketSidebar() {
   return (
-    <div className="h-full w-sm px-3 flex flex-col">
-      <div className="flex h-16"></div>
-      <Tabs defaultValue="buy">
-        <TabsList className="w-full">
+    <div className="h-full w-sm flex flex-col gap-4">
+      <div className="flex h-16 border-b px-3">placeholder</div>
+      <Tabs defaultValue="buy" className="px-3 border-b">
+        <TabsList className="w-full h-14! p-0 px-2 bg-transparent border">
           <TabsTrigger
             value="buy"
-            className="bg-bullish/30 data-[state=active]:bg-bullish data-[state=active]:text-accent-foreground"
+            className="h-9 bg-transparent data-[state=active]:bg-bullish data-[state=active]:text-accent-foreground"
           >
             Buy
           </TabsTrigger>
           <TabsTrigger
             value="sell"
-            className="bg-bearish/30 data-[state=active]:bg-bearish data-[state=active]:text-accent-foreground"
+            className="h-9 bg-transparent data-[state=active]:bg-bearish data-[state=active]:text-accent-foreground"
           >
             Sell
           </TabsTrigger>
         </TabsList>
+
+        <TabsContent value="buy">
+          <div className="h-72">buy placeholder</div>
+        </TabsContent>
+        <TabsContent value="sell" className="border-b">
+          sell placeholder
+        </TabsContent>
       </Tabs>
     </div>
   );
diff --git a/src/app/market/page.tsx b/src/app/market/page.tsx
index 5ac5202..eb017dd 100644
--- a/src/app/market/page.tsx
+++ b/src/app/market/page.tsx
@@ -9,10 +9,12 @@ export default function Market() {
     <main className="w-full h-full">
       <Navbar />
       <section className="w-full h-full flex flex-row">
-        <div className="w-full h-svh border-r border-border"></div>
+        <div className="w-full h-svh border-r border-border">
+            
+        </div>
         <MarketSidebar />
       </section>
-      {/* <Statusbar /> */}
+      <Statusbar />
     </main>
   );
 }