From 815fd665c07180e9d04f8cd43d512916027f4724 Mon Sep 17 00:00:00 2001 From: Dorine Lambinet <dorine.lambinet@gmail.com> Date: Mon, 20 Sep 2021 13:41:09 +0200 Subject: [PATCH] =?UTF-8?q?Change=20les=20r=C3=A8gles=20de=20la=20grid=20d?= =?UTF-8?q?es=20cas=20type=20pour=20afficher=20des=20cas=20types=20plus=20?= =?UTF-8?q?large.=20Pour=20cela=20j'ai=20=C3=A9t=C3=A9=20oblig=C3=A9e=20d'?= =?UTF-8?q?ajout=C3=A9=20une=20cat=C3=A9gorie=20xl=20au=20mediaqueries?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/components/test_cases/TestCasesPane.svelte | 2 +- tailwind.config.cjs | 14 ++++++++++++++ 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/src/lib/components/test_cases/TestCasesPane.svelte b/src/lib/components/test_cases/TestCasesPane.svelte index f85314ef8..856d8d4f1 100644 --- a/src/lib/components/test_cases/TestCasesPane.svelte +++ b/src/lib/components/test_cases/TestCasesPane.svelte @@ -84,7 +84,7 @@ } </script> -<section class="grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 gap-10"> +<section class="grid grid-cols-1 xl:grid-cols-2 3xl:grid-cols-3 gap-10"> {#each $testCases as situation, situationIndex} <TestCaseView calculationName={$calculationName} diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 421d827fa..0cb781905 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -5,6 +5,20 @@ const config = { plugins: [require("@tailwindcss/forms")], purge: ["./src/**/*.{html,js,svelte,ts}"], theme: { + screens: { + 'sm': '640px', + // => @media (min-width: 640px) { ... } + 'md': '768px', + // => @media (min-width: 768px) { ... } + 'lg': '1024px', + // => @media (min-width: 1024px) { ... } + 'xl': '1280px', + // => @media (min-width: 1280px) { ... } + '2xl': '1536px', + // => @media (min-width: 1536px) { ... } + '3xl': '2200px', + // => @media (min-width: 2200px) { ... } + }, extend: { colors: { black: colors.black, -- GitLab