fix(spa): wrap tailwind in named layers so primevue specificity orders correctly

This commit is contained in:
DumiFlex
2026-04-26 20:28:46 +03:00
parent 1fc705d8da
commit f5652f4286
2 changed files with 16 additions and 5 deletions
+14 -3
View File
@@ -1,3 +1,14 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Declare layer order so PrimeVue's `primevue` layer sits between Tailwind's
* base reset and Tailwind's utilities. Matches the cssLayer config in main.ts.
* Without layers, PrimeVue + Tailwind utility specificity collide.
*/
@layer tailwind-base, primevue, tailwind-utilities;
@layer tailwind-base {
@tailwind base;
}
@layer tailwind-utilities {
@tailwind components;
@tailwind utilities;
}
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Wildcard Pipeline Manager</title>
<script type="module" crossorigin src="/wp/assets/manager-BilMX2ww.js"></script>
<link rel="stylesheet" crossorigin href="/wp/assets/manager-C75BNoj2.css">
<script type="module" crossorigin src="/wp/assets/manager-DCWwvajO.js"></script>
<link rel="stylesheet" crossorigin href="/wp/assets/manager-id15NJ7-.css">
</head>
<body>
<div id="app"></div>