Responsive xl und 2xl Tailwindcss in Chrome Emulator Einstellung Mobile

2025-01-22 09:34:15 +01:00
parent b0451c87ef
commit 26a319d817
3 changed files with 18 additions and 28 deletions
--- a/components/Header.jsx
+++ b/components/Header.jsx
@@ -104,7 +104,7 @@ function Header() {

      {/* Warnhinweis, wenn der Admin angemeldet ist */}
      {isAdminLoggedIn && (
-        <div className="absolute top-0 left-0 w-full h-8 bg-yellow-400 text-center py-2 text-black font-bold">
+        <div className="absolute top-0 left-1/2 transform -translate-x-1/2 w-full xl:w-1/4 2xl:w-1/4 h-8 bg-yellow-400 text-center py-2 text-black font-bold">
          Admin-Modus aktiv
        </div>
      )}