From d812e533f8eb34f07ba3591658420f9bed6e5f78 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Henrik=20=C3=98verland?= Date: Wed, 11 Dec 2024 10:57:52 +0100 Subject: [PATCH] fix: new default grid/item spacing --- src/components/styles/DashboardContainer.module.css | 8 ++++---- src/modules/gridUtil.js | 6 +++--- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/styles/DashboardContainer.module.css b/src/components/styles/DashboardContainer.module.css index d57fd17fb..b6466e253 100644 --- a/src/components/styles/DashboardContainer.module.css +++ b/src/components/styles/DashboardContainer.module.css @@ -1,8 +1,8 @@ .container { - background-color: var(--colors-grey200); - padding-inline-start: var(--spacers-dp16); - padding-inline-end: var(--spacers-dp16); - padding-block-end: var(--spacers-dp24); + background-color: #f4f6f8; + padding-inline-start: var(--spacers-dp8); + padding-inline-end: var(--spacers-dp8); + padding-block-end: var(--spacers-dp12); overflow: auto; } diff --git a/src/modules/gridUtil.js b/src/modules/gridUtil.js index 4958bda73..aa780cbdd 100644 --- a/src/modules/gridUtil.js +++ b/src/modules/gridUtil.js @@ -14,15 +14,15 @@ import { import { isSmallScreen } from './smallScreen.js' export const GRID_COMPACT_TYPE = 'vertical' // vertical | horizonal | null -export const GRID_ROW_HEIGHT_PX = 10 -export const MARGIN_PX = [10, 10] +export const GRID_ROW_HEIGHT_PX = 16 +export const MARGIN_PX = [4, 4] const SM_SCREEN_MIN_ITEM_GRID_HEIGHT = 13 // minimum of ~320px export const SM_SCREEN_GRID_COLUMNS = 1 export const MARGIN_SM_PX = [0, 16] export const GRID_PADDING_PX = [0, 0] // sum of left+right padding of dashboard-wrapper (App.css) -export const DASHBOARD_WRAPPER_LR_MARGIN_PX = 32 +export const DASHBOARD_WRAPPER_LR_MARGIN_PX = 28 // make an assumption about the original item w/h ratio // assumes grid width of ~1200px at time dashboard was created const GRID_COL_WIDTH_PX = 10