remove side bar

This commit is contained in:
Arjun 2026-05-13 12:42:17 +05:30
parent 296f7c75b7
commit 78351da01b
2 changed files with 2 additions and 59 deletions

View file

@ -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;
}

View file

@ -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">