Use font from theme

swisstopo · Aug 14, 2024 · 40f720a · 40f720a
1 parent 6a9b744
commit 40f720a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/src/client/src/AppTheme.ts b/src/client/src/AppTheme.ts
@@ -79,6 +79,9 @@ export const theme = createTheme({
       color: "#787878",
       lineHeight: "1.4em",
     },
+    body2: {
+      fontSize: "16px",
+    },
     fullPageMessage: {
       fontSize: "23px",
       color: "#000000",

diff --git a/src/client/src/mui.theme.d.ts b/src/client/src/mui.theme.d.ts
@@ -79,6 +79,9 @@ declare module "@mui/material/styles" {
         color: string;
         lineHeight: string;
       };
+      body2: {
+        fontSize: string;
+      };
       fullPageMessage: {
         fontSize: string;
         color: string;
@@ -164,6 +167,9 @@ declare module "@mui/material/styles" {
         color: string;
         lineHeight: string;
       };
+      body2: {
+        fontSize: string;
+      };
       fullPageMessage: {
         fontSize: string;
         color: string;

diff --git a/src/client/src/pages/overview/boreholeTable/boreholeTable.tsx b/src/client/src/pages/overview/boreholeTable/boreholeTable.tsx
@@ -164,8 +164,6 @@ export const BoreholeTable: FC<BoreholeTableProps> = ({
   }, [apiRef, onHover]);
 
   const StyledDataGrid = styled(DataGrid)(() => ({
-    fontFamily: theme.typography.fontFamily,
-    fontSize: "16px",
     ".MuiDataGrid-columnHeader": {
       backgroundColor: theme.palette.boxShadow,
     },