aboutsummaryrefslogtreecommitdiffstats
path: root/frontend/src/App.tsx
diff options
context:
space:
mode:
authorAdam Mathes <adam@adammathes.com>2026-02-13 17:21:10 -0800
committerAdam Mathes <adam@adammathes.com>2026-02-13 17:21:10 -0800
commitecd16748a21b7950c6d87b5a8c8d6d26f312a043 (patch)
treed988633bc85e8e8c093b2d793343668c40a956cb /frontend/src/App.tsx
parent208eb0d25d8630548191e7d9e98e3d66ef9e9d5f (diff)
downloadneko-ecd16748a21b7950c6d87b5a8c8d6d26f312a043.tar.gz
neko-ecd16748a21b7950c6d87b5a8c8d6d26f312a043.tar.bz2
neko-ecd16748a21b7950c6d87b5a8c8d6d26f312a043.zip
feat(v2): add neko cat toggle for sidebar (NK-jyw7lb)
Diffstat (limited to 'frontend/src/App.tsx')
-rw-r--r--frontend/src/App.tsx8
1 files changed, 5 insertions, 3 deletions
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 2758472..7c6b11f 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -37,10 +37,12 @@ import Settings from './components/Settings';
function Dashboard() {
const navigate = useNavigate();
+ const [sidebarVisible, setSidebarVisible] = useState(true);
+
return (
- <div className="dashboard">
+ <div className={`dashboard ${sidebarVisible ? 'sidebar-visible' : 'sidebar-hidden'}`}>
<header className="dashboard-header">
- <h1>Neko Reader</h1>
+ <h1 className="logo" onClick={() => setSidebarVisible(!sidebarVisible)} style={{ cursor: 'pointer' }}>🐱</h1>
<nav>
<button onClick={() => navigate('/settings')} className="nav-link" style={{ color: 'white', marginRight: '1rem', background: 'none', border: 'none', cursor: 'pointer', fontSize: 'inherit', fontFamily: 'inherit' }}>Settings</button>
@@ -53,7 +55,7 @@ function Dashboard() {
</nav>
</header>
<div className="dashboard-content">
- <aside className="dashboard-sidebar">
+ <aside className={`dashboard-sidebar ${sidebarVisible ? '' : 'hidden'}`}>
<FeedList />
</aside>
<main className="dashboard-main">