fix(spa): wrap tailwind in named layers so primevue specificity orders correctly
This commit is contained in:
@@ -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
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user