This commit is contained in:
Sinan Yumurtaci
2024-12-09 23:46:21 -06:00
committed by Nicolás Hatcher Andrés
parent 8669962904
commit 075760b7ba
11 changed files with 22 additions and 22 deletions

View File

@@ -1,3 +1,3 @@
export const TOOLBAR_HEIGH = 48;
export const FORMULA_BAR_HEIGH = 40;
export const NAVIGATION_HEIGH = 40;
export const TOOLBAR_HEIGHT = 48;
export const FORMULA_BAR_HEIGHT = 40;
export const NAVIGATION_HEIGHT = 40;

View File

@@ -5,7 +5,7 @@ import {
COLUMN_WIDTH_SCALE,
ROW_HEIGH_SCALE,
} from "./WorksheetCanvas/constants";
import { FORMULA_BAR_HEIGH } from "./constants";
import { FORMULA_BAR_HEIGHT } from "./constants";
import Editor from "./editor/editor";
import type { WorkbookState } from "./workbookState";
@@ -122,7 +122,7 @@ const Container = styled("div")`
align-items: center;
background: ${(properties): string =>
properties.theme.palette.background.default};
height: ${FORMULA_BAR_HEIGH}px;
height: ${FORMULA_BAR_HEIGHT}px;
`;
const AddressContainer = styled("div")`

View File

@@ -3,7 +3,7 @@ import { Menu, Plus } from "lucide-react";
import { useState } from "react";
import { useTranslation } from "react-i18next";
import { theme } from "../../theme";
import { NAVIGATION_HEIGH } from "../constants";
import { NAVIGATION_HEIGHT } from "../constants";
import { StyledButton } from "../toolbar";
import type { WorkbookState } from "../workbookState";
import SheetListMenu from "./menus";
@@ -97,7 +97,7 @@ const Container = styled("div")`
left: 0px;
right: 0px;
display: flex;
height: ${NAVIGATION_HEIGH}px;
height: ${NAVIGATION_HEIGHT}px;
align-items: center;
padding-left: 12px;
font-family: Inter;

View File

@@ -36,7 +36,7 @@ import {
import { theme } from "../theme";
import BorderPicker from "./borderPicker";
import ColorPicker from "./colorPicker";
import { TOOLBAR_HEIGH } from "./constants";
import { TOOLBAR_HEIGHT } from "./constants";
import FormatMenu from "./formatMenu";
import {
NumberFormats,
@@ -385,8 +385,8 @@ const ToolbarContainer = styled("div")`
flex-shrink: 0;
align-items: center;
background: ${({ theme }) => theme.palette.background.paper};
height: ${TOOLBAR_HEIGH}px;
line-height: ${TOOLBAR_HEIGH}px;
height: ${TOOLBAR_HEIGHT}px;
line-height: ${TOOLBAR_HEIGHT}px;
border-bottom: 1px solid ${({ theme }) => theme.palette.grey["300"]};
font-family: Inter;
border-radius: 4px 4px 0px 0px;

View File

@@ -9,9 +9,9 @@ import {
} from "./WorksheetCanvas/constants";
import WorksheetCanvas from "./WorksheetCanvas/worksheetCanvas";
import {
FORMULA_BAR_HEIGH,
NAVIGATION_HEIGH,
TOOLBAR_HEIGH,
FORMULA_BAR_HEIGHT,
NAVIGATION_HEIGHT,
TOOLBAR_HEIGHT,
} from "./constants";
import Editor from "./editor/editor";
import type { Cell } from "./types";
@@ -439,10 +439,10 @@ const SheetContainer = styled("div")`
const Wrapper = styled("div")({
position: "absolute",
overflow: "scroll",
top: TOOLBAR_HEIGH + FORMULA_BAR_HEIGH + 1,
top: TOOLBAR_HEIGHT + FORMULA_BAR_HEIGHT + 1,
left: 0,
right: 0,
bottom: NAVIGATION_HEIGH + 1,
bottom: NAVIGATION_HEIGHT + 1,
overscrollBehavior: "none",
});