update: makes AddressContainer's width flexible to allow more space on mobile

This commit is contained in:
Daniel
2025-01-26 20:06:51 +01:00
committed by Nicolás Hatcher Andrés
parent 84bf859c2c
commit 9a717daf04

View File

@@ -1,6 +1,7 @@
import type { Model } from "@ironcalc/wasm"; import type { Model } from "@ironcalc/wasm";
import { styled } from "@mui/material"; import { styled } from "@mui/material";
import { Fx } from "../icons"; import { Fx } from "../icons";
import { theme } from "../theme";
import { import {
COLUMN_WIDTH_SCALE, COLUMN_WIDTH_SCALE,
ROW_HEIGH_SCALE, ROW_HEIGH_SCALE,
@@ -127,14 +128,14 @@ const Container = styled("div")`
const AddressContainer = styled("div")` const AddressContainer = styled("div")`
padding-left: 16px; padding-left: 16px;
color: #333; color: ${theme.palette.common.black};
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-size: 11px; font-size: 12px;
display: flex; display: flex;
font-weight: 600; font-weight: 600;
flex-grow: row; flex-grow: row;
min-width: ${headerColumnWidth}px; // min-width: ${headerColumnWidth}px;
`; `;
const CellBarAddress = styled("div")` const CellBarAddress = styled("div")`