giers10/textDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor sidebar layout and button functionality in App.tsx

Browse Source
This commit is contained in:
Victor Giers
2026-02-01 02:53:18 +01:00
parent 2d39935045
commit 3ef4b7e514
1 changed files with 85 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/App.tsx
View File

@@ -1357,9 +1357,8 @@ export default function App() {
return (
<div className={`app app--theme-${theme}${sidebarCollapsed ? " app--sidebar-collapsed" : ""}`}>
<aside className={`sidebar${sidebarCollapsed ? " sidebar--collapsed" : ""}`}>
{!sidebarCollapsed ? (
<>
<aside className="sidebar">
<div className="sidebar__header">
<div className="sidebar__title-row">
<div className="app-title">TextDB</div>
@@ -1390,21 +1389,7 @@ export default function App() {
)}
</div>
</div>
</>
) : null}
<div className={`sidebar__footer${sidebarCollapsed ? " sidebar__footer--collapsed" : ""}`}>
{sidebarCollapsed ? (
<button
className="icon-button"
onClick={() => setSidebarCollapsed(false)}
aria-label="Expand sidebar"
title="Expand sidebar"
type="button"
>
<span className="icon-button__glyph" aria-hidden="true">▶</span>
</button>
) : (
<>
<div className="sidebar__footer">
<button
className="icon-button"
onClick={handleNewFolder}
@@ -1450,10 +1435,9 @@ export default function App() {
>
<span className="icon-button__glyph" aria-hidden="true">◀</span>
</button>
</>
)}
</div>
</aside>
) : null}
<main className="workspace">
<div className="workspace__body">
@@ -1543,6 +1527,17 @@ export default function App() {
</div>
<div className="editor__footer">
{sidebarCollapsed ? (
<button
className="icon-button"
onClick={() => setSidebarCollapsed(false)}
aria-label="Expand sidebar"
title="Expand sidebar"
type="button"
>
<span className="icon-button__glyph" aria-hidden="true">▶</span>
</button>
) : null}
{hasText ? (
<>
<button