fix(css): add max-width to .container breakpoints in globals.css

fix(test): remove isolate false to fix cross-file DOM leakage in CI
2026-07-10 19:06:46 +02:00 · 2026-07-10 18:23:06 +02:00
2 changed files with 6 additions and 7 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -6,14 +6,15 @@
 /* Fix for Tailwind v4 missing container center & padding */
@layer components {
  .container {
+    width: 100%;
    margin-inline: auto !important;
    padding-inline: 1rem;
  }
-  @media (width >= 640px) { .container { padding-inline: 1.5rem; } }
-  @media (width >= 768px) { .container { padding-inline: 2rem; } }
-  @media (width >= 1024px) { .container { padding-inline: 2.5rem; } }
-  @media (width >= 1280px) { .container { padding-inline: 3rem; } }
-  @media (width >= 1400px) { .container { padding-inline: 4rem; } }
+  @media (width >= 640px) { .container { max-width: 640px; padding-inline: 1.5rem; } }
+  @media (width >= 768px) { .container { max-width: 768px; padding-inline: 2rem; } }
+  @media (width >= 1024px) { .container { max-width: 1024px; padding-inline: 2.5rem; } }
+  @media (width >= 1280px) { .container { max-width: 1280px; padding-inline: 3rem; } }
+  @media (width >= 1536px) { .container { max-width: 1536px; padding-inline: 4rem; } }
 }

 /* E-TIB Custom Utilities */
--- a/vitest.config.mts
+++ b/vitest.config.mts
@@ -15,8 +15,6 @@ export default defineConfig({
    test: {
        environment: 'happy-dom',
        globals: true,
-        isolate: false,
-        css: false,
        exclude: ['**/node_modules/**', '**/.next/**', '**/dist/**', '**/*.e2e.test.ts'],
        include: ['**/*.test.{ts,tsx}'],
        coverage: {
Author	SHA1	Message	Date
Marc Mintel	0ed28915cc	fix(css): add max-width to .container breakpoints in globals.css All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 20s Details Build & Deploy / 🚀 Deploy (push) Successful in 26s Details Build & Deploy / 🧪 QA (push) Successful in 1m16s Details Build & Deploy / 🏗️ Build (push) Successful in 2m44s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 53s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-10 19:06:46 +02:00
Marc Mintel	b8c21ca4b3	fix(test): remove isolate false to fix cross-file DOM leakage in CI All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 20s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 55s Details Build & Deploy / 🧪 QA (push) Successful in 1m16s Details Build & Deploy / 🏗️ Build (push) Successful in 2m39s Details Build & Deploy / 🚀 Deploy (push) Successful in 26s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-10 18:23:06 +02:00