responsiv Kabelüberwachung und dashboard

2025-01-21 21:30:34 +01:00
parent 5462b90da3
commit b0451c87ef
8 changed files with 62 additions and 33 deletions
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -42,7 +42,12 @@ function MyApp({ Component, pageProps }) {
        <Header />
        <div className="flex flex-grow w-full">
          <Navigation className="w-1/5" />
-          <main className="flex-1 p-4">
+          <main
+            className="flex flex-col 
+               w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-full 
+               h-auto sm:h-[300px] md:h-[350px] lg:h-[400px] xl:h-[75%]
+               p-1"
+          >
            {sessionExpired && (
              <div className="bg-red-500 text-white p-4 text-center">
                Ihre Sitzung ist abgelaufen oder die Verbindung ist