From 74534051e0a355fa4d9a1e1bd8a33daeb6f2c06f Mon Sep 17 00:00:00 2001
From: "metabase-bot[bot]"
 <109303359+metabase-bot[bot]@users.noreply.github.com>
Date: Thu, 11 Apr 2024 08:11:43 +0000
Subject: [PATCH] Add breakpoints to the Mantine theme overrides (#40903)
 (#40911)

Co-authored-by: Nemanja Glumac <31325167+nemanjaglumac@users.noreply.github.com>
---
 frontend/src/metabase/ui/theme.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/metabase/ui/theme.ts b/frontend/src/metabase/ui/theme.ts
index cfc496a29f8..046b674e13a 100644
--- a/frontend/src/metabase/ui/theme.ts
+++ b/frontend/src/metabase/ui/theme.ts
@@ -36,6 +36,13 @@ import {
 import { getThemeColors } from "./utils/colors";
 
 export const getThemeOverrides = (): MantineThemeOverride => ({
+  breakpoints: {
+    xs: "23em",
+    sm: "40em",
+    md: "60em",
+    lg: "80em",
+    xl: "120em",
+  },
   colors: getThemeColors(),
   primaryColor: "brand",
   primaryShade: 0,
-- 
GitLab