mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-21 02:52:43 +00:00
wrap each set of toolbars into groups
Allows more styling options, including flex wrapping by group rather than individual button.
This commit is contained in:
@@ -31,6 +31,7 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
|
||||
|
||||
return (
|
||||
<div className='toolBar'>
|
||||
<div className='group'>
|
||||
<div className='tool'>
|
||||
<button
|
||||
onClick={()=>handleZoomChange(-20)}
|
||||
@@ -64,7 +65,9 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
|
||||
<i className='fas fa-magnifying-glass-plus' />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='group'>
|
||||
<div className='tool'>
|
||||
<button
|
||||
className='previousPage'
|
||||
@@ -100,6 +103,8 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user