mirror of
https://github.com/rowboatlabs/rowboat.git
synced 2026-06-12 19:55:19 +02:00
remove side bar
This commit is contained in:
parent
296f7c75b7
commit
78351da01b
2 changed files with 2 additions and 59 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue