From adb09410daeef8d02afb204853f1fca87950039a Mon Sep 17 00:00:00 2001 From: lebaudantoine Date: Sun, 17 Nov 2024 15:45:17 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20introduce=20a=20new=20?= =?UTF-8?q?breaking=20point?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Needed a trade off between xs and sm breaking points. Introduce xsm, I am not very satisfied with this naming. We might refactor xs in xss. Not urgent. --- src/frontend/panda.config.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/frontend/panda.config.ts b/src/frontend/panda.config.ts index 7002fb6d..f79a2f2e 100644 --- a/src/frontend/panda.config.ts +++ b/src/frontend/panda.config.ts @@ -40,6 +40,7 @@ const config: Config = { // media queries are defined in em so that zooming with text-only mode triggers breakpoints breakpoints: { xs: '22.6em', // 360px (we assume less than that are old/entry level mobile phones) + xsm: '31.25em', // 500px, sm: '40em', // 640px md: '48em', // 768px lg: '64em', // 1024px