Add new text button and expand sidebar functionality in App.tsx
This commit is contained in:
15
src/App.tsx
15
src/App.tsx
@@ -1442,6 +1442,7 @@ export default function App() {
|
|||||||
<main className="workspace">
|
<main className="workspace">
|
||||||
<div className="workspace__body">
|
<div className="workspace__body">
|
||||||
{!selectedTextId ? (
|
{!selectedTextId ? (
|
||||||
|
<>
|
||||||
<div className="empty-state">
|
<div className="empty-state">
|
||||||
<div className="empty-state__title">Create your first text</div>
|
<div className="empty-state__title">Create your first text</div>
|
||||||
<div className="empty-state__subtitle">
|
<div className="empty-state__subtitle">
|
||||||
@@ -1451,6 +1452,20 @@ export default function App() {
|
|||||||
New Text
|
New Text
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
{sidebarCollapsed ? (
|
||||||
|
<div className="editor__footer">
|
||||||
|
<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>
|
||||||
|
) : null}
|
||||||
|
</>
|
||||||
) : (
|
) : (
|
||||||
<div
|
<div
|
||||||
className={`workspace__content${
|
className={`workspace__content${
|
||||||
|
|||||||
Reference in New Issue
Block a user