sirtimbly/IronCalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX: Correct height of toolbar (48) and formula bar (40)

Browse Source
This commit is contained in:
Nicolás Hatcher
2024-10-08 20:17:40 +02:00
committed by Nicolás Hatcher Andrés
parent e41741cf77
commit 6390739fd4
4 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
webapp/src/components/toolbar.tsx
View File

@@ -42,6 +42,7 @@ import {
decreaseDecimalPlaces,
increaseDecimalPlaces,
} from "./formatUtil";
import { TOOLBAR_HEIGH } from "./constants";
type ToolbarProperties = {
canUndo: boolean;
@@ -384,15 +385,14 @@ function Toolbar(properties: ToolbarProperties) {
</ToolbarContainer>
);
}
const toolbarHeight = 40;
const ToolbarContainer = styled("div")`
display: flex;
flex-shrink: 0;
align-items: center;
background: ${({ theme }) => theme.palette.background.paper};
height: ${toolbarHeight}px;
line-height: ${toolbarHeight}px;
height: ${TOOLBAR_HEIGH}px;
line-height: ${TOOLBAR_HEIGH}px;
border-bottom: 1px solid ${({ theme }) => theme.palette.grey["300"]};
font-family: Inter;
border-radius: 4px 4px 0px 0px;