From 0c9707a5ee6498df86d61c6a2378f5e376ef70a3 Mon Sep 17 00:00:00 2001
From: Arjun <6592213+arkml@users.noreply.github.com>
Date: Wed, 13 May 2026 12:42:17 +0530
Subject: [PATCH] remove side bar

---
 apps/x/apps/renderer/src/App.css              | 52 +------------------
 .../renderer/src/components/email-view.tsx    |  9 +---
 2 files changed, 2 insertions(+), 59 deletions(-)

diff --git a/apps/x/apps/renderer/src/App.css b/apps/x/apps/renderer/src/App.css
index a1a937d0..d14a85cb 100644
--- a/apps/x/apps/renderer/src/App.css
+++ b/apps/x/apps/renderer/src/App.css
@@ -69,55 +69,13 @@
   font-family: "Google Sans", Roboto, Arial, sans-serif;
 }
 
-.gmail-left-nav {
-  width: 236px;
-  flex-shrink: 0;
-  padding: 16px 12px;
-  background: #f6f8fc;
-  border-right: 1px solid #e4e7ee;
-}
-
-.gmail-compose-main {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 132px;
-  height: 56px;
-  margin-bottom: 18px;
-  border: none;
-  border-radius: 16px;
-  background: #c2e7ff;
-  color: #001d35;
-  font-size: 14px;
-  font-weight: 500;
-  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3);
-  cursor: pointer;
-}
-
-.gmail-nav-item {
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  height: 32px;
-  padding: 0 14px;
-  border-radius: 0 16px 16px 0;
-  color: #444746;
-  font-size: 14px;
-}
-
-.gmail-nav-item-active {
-  background: #d3e3fd;
-  color: #001d35;
-  font-weight: 700;
-}
-
 .gmail-main {
   display: flex;
   min-width: 0;
   min-height: 0;
   flex: 1;
   flex-direction: column;
-  padding: 8px 12px 12px 0;
+  padding: 8px 12px 12px;
 }
 
 .gmail-topbar {
@@ -514,14 +472,6 @@
 }
 
 @media (max-width: 980px) {
-  .gmail-left-nav {
-    display: none;
-  }
-
-  .gmail-main {
-    padding-left: 8px;
-  }
-
   .gmail-layout {
     grid-template-columns: 1fr;
   }
diff --git a/apps/x/apps/renderer/src/components/email-view.tsx b/apps/x/apps/renderer/src/components/email-view.tsx
index f491f96e..af978bfe 100644
--- a/apps/x/apps/renderer/src/components/email-view.tsx
+++ b/apps/x/apps/renderer/src/components/email-view.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { Archive, Forward, Inbox, LoaderIcon, Mail, MoreVertical, RefreshCw, Reply, Search, Send, Star } from 'lucide-react'
+import { Archive, Forward, LoaderIcon, MoreVertical, RefreshCw, Reply, Search, Send, Star } from 'lucide-react'
 import type { blocks } from '@x/shared'
 import { cn } from '@/lib/utils'
 import { toast } from '@/lib/toast'
@@ -323,13 +323,6 @@ export function EmailView() {
 
   return (
     <div className="gmail-shell">
-      <div className="gmail-left-nav">
-        <button type="button" className="gmail-compose-main">Compose</button>
-        <div className="gmail-nav-item gmail-nav-item-active"><Inbox size={18} /> Inbox</div>
-        <div className="gmail-nav-item"><Star size={18} /> Starred</div>
-        <div className="gmail-nav-item"><Mail size={18} /> Sent</div>
-      </div>
-
       <div className="gmail-main">
         <div className="gmail-topbar">
           <div className="gmail-search">