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