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

Replace icon glyphs with images in App.tsx

Browse Source
This commit is contained in:
Victor Giers
2026-02-01 03:13:58 +01:00
parent a7d69afc8b
commit 5b93cf2916
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.tsx
View File

@@ -1417,7 +1417,7 @@ export default function App() {
title="New folder" title="New folder"
type="button" type="button"
> >
<span className="icon-button__glyph" aria-hidden="true">📁</span> <img src={newFolderIconSrc} alt="" className="icon-button__img" />
</button> </button>
<button <button
className="icon-button" className="icon-button"
@@ -1426,7 +1426,7 @@ export default function App() {
title="New text" title="New text"
type="button" type="button"
> >
<span className="icon-button__glyph" aria-hidden="true">✚</span> <img src={newTextIconSrc} alt="" className="icon-button__img" />
</button> </button>
<button <button
className="icon-button" className="icon-button"
@@ -1435,7 +1435,7 @@ export default function App() {
title="Open text" title="Open text"
type="button" type="button"
> >
<span className="icon-button__glyph" aria-hidden="true">⤓</span> <img src={openFileIconSrc} alt="" className="icon-button__img" />
</button> </button>
<button <button
className="icon-button" className="icon-button"
@@ -1444,7 +1444,7 @@ export default function App() {
title="Settings" title="Settings"
type="button" type="button"
> >
<span className="icon-button__glyph icon-button__glyph--large" aria-hidden="true">⚙</span> <img src={settingsIconSrc} alt="" className="icon-button__img" />
</button> </button>
<button <button
className="icon-button" className="icon-button"
@@ -1453,7 +1453,7 @@ export default function App() {
title="Collapse sidebar" title="Collapse sidebar"
type="button" type="button"
> >
<span className="icon-button__glyph" aria-hidden="true">◀</span> <img src={sidebarCollapseIconSrc} alt="" className="icon-button__img" />
</button> </button>
</div> </div>
</aside> </aside>
@@ -1481,7 +1481,7 @@ export default function App() {
title="Expand sidebar" title="Expand sidebar"
type="button" type="button"
> >
<span className="icon-button__glyph" aria-hidden="true">▶</span> <img src={sidebarExpandIconSrc} alt="" className="icon-button__img" />
</button> </button>
</div> </div>
) : null} ) : null}
@@ -1570,7 +1570,7 @@ export default function App() {
title="Expand sidebar" title="Expand sidebar"
type="button" type="button"
> >
<span className="icon-button__glyph" aria-hidden="true">▶</span> <img src={sidebarExpandIconSrc} alt="" className="icon-button__img" />
</button> </button>
) : null} ) : null}
{hasText ? ( {hasText ? (