smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-04-14 16:40:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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 {