aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-18 15:14:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor: replace hamburger icon with bookmark icon on mobile

Browse Source
This commit is contained in:
Gigi
2025-10-10 17:08:36 +01:00
parent 4843f129c4
commit d8195dbe2a
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ThreePaneLayout.tsx
View File

@@ -1,6 +1,6 @@
import React, { useEffect, useRef } from 'react' import React, { useEffect, useRef } from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faBars } from '@fortawesome/free-solid-svg-icons' import { faBookmark } from '@fortawesome/free-solid-svg-icons'
import { RelayPool } from 'applesauce-relay' import { RelayPool } from 'applesauce-relay'
import { IEventStore } from 'applesauce-core' import { IEventStore } from 'applesauce-core'
import { BookmarkList } from './BookmarkList' import { BookmarkList } from './BookmarkList'
@@ -156,15 +156,15 @@ const ThreePaneLayout: React.FC<ThreePaneLayoutProps> = (props) => {
return ( return (
<> <>
{/* Mobile hamburger button */} {/* Mobile bookmark button */}
{isMobile && !props.isSidebarOpen && ( {isMobile && !props.isSidebarOpen && (
<button <button
className="mobile-hamburger-btn" className="mobile-hamburger-btn"
onClick={props.onToggleSidebar} onClick={props.onToggleSidebar}
aria-label="Open sidebar" aria-label="Open bookmarks"
aria-expanded={props.isSidebarOpen} aria-expanded={props.isSidebarOpen}
> >
<FontAwesomeIcon icon={faBars} /> <FontAwesomeIcon icon={faBookmark} />
</button> </button>
)} )}