sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: toolbar unnecessarily eats too much width (#2924)

Browse Source
This commit is contained in:
David Luzar 2021-02-04 16:52:16 +01:00 committed by GitHub
parent 23a8891e0e
commit 1e17c1967b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/MobileMenu.tsx
View File

@ -46,7 +46,7 @@ export const MobileMenu = ({
renderCustomFooter, renderCustomFooter,
viewModeEnabled, viewModeEnabled,
}: MobileMenuProps) => { }: MobileMenuProps) => {
const renderFixedSideContainer = () => { const renderToolbar = () => {
return ( return (
<FixedSideContainer side="top" className="App-top-bar"> <FixedSideContainer side="top" className="App-top-bar">
<Section heading="shapes"> <Section heading="shapes">
@ -136,7 +136,7 @@ export const MobileMenu = ({
}; };
return ( return (
<> <>
{!viewModeEnabled && renderFixedSideContainer()} {!viewModeEnabled && renderToolbar()}
<div <div
className="App-bottom-bar" className="App-bottom-bar"
style={{ style={{

2
src/css/styles.scss
View File

@ -226,6 +226,8 @@
.App-top-bar { .App-top-bar {
z-index: var(--zIndex-layerUI); z-index: var(--zIndex-layerUI);
display: flex;
justify-content: center;
} }
.App-bottom-bar { .App-bottom-bar {