f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-09 22:22:41 +00:00
Code Wiki Activity

wrap each set of toolbars into groups

Browse Source 
Allows more styling options, including flex wrapping by group rather than individual button.
This commit is contained in:
Gazook89
2024-08-19 23:14:45 -05:00
parent 37c8ea4fd7
commit 9510b4d097
1 changed files with 67 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/homebrew/brewRenderer/toolBar/toolBar.jsx
View File

@@ -31,6 +31,7 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
return ( return (
<div className='toolBar'> <div className='toolBar'>
<div className='group'>
<div className='tool'> <div className='tool'>
<button <button
onClick={()=>handleZoomChange(-20)} onClick={()=>handleZoomChange(-20)}
@@ -64,7 +65,9 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
<i className='fas fa-magnifying-glass-plus' /> <i className='fas fa-magnifying-glass-plus' />
</button> </button>
</div> </div>
</div>
<div className='group'>
<div className='tool'> <div className='tool'>
<button <button
className='previousPage' className='previousPage'
@@ -100,6 +103,8 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
</button> </button>
</div> </div>
</div> </div>
</div>
); );
}; };