Laptop Breakpoint Breite und Höhe definiert und kleine Test gemacht

pages/dashboard.js

@@ -100,7 +100,7 @@ function Dashboard() {
   };
 
   return (
-    <div className="flex flex-col gap-4 p-4 2xl:h-full xl:h-full overflow-auto">
+    <div className="flex flex-col gap-4 p-4 2xl:h-full xl:h-full laptop:h-[80%] overflow-auto">
       <div className="flex justify-between items-center w-full lg:w-2/3">
         <div className="flex justify-between gap-1  ">
           <Icon

tailwind.config.js

@@ -8,17 +8,20 @@ module.exports = {
   theme: {
     extend: {
       colors: {
-        "littwin-blue": "#00AEEF", // Definiere die Farbe mit dem gewünschten Hex-Wert
+        "littwin-blue": "#00AEEF",
       },
       screens: {
         sm: "640px",
         md: "768px",
         lg: "1024px",
         xl: "1280px",
-        laptop: "1348px", // Neue Bildschirmgröße für Laptop
+        laptop: "1348px",
         "2xl": "1600px",
         "3xl": "1920px",
       },
+      height: {
+        laptop: "635px", // Benutzerdefinierte Höhe für Laptop
+      },
     },
   },
   plugins: [],