@polymarbot/nuxt-layer-shadcn-ui 0.3.7 → 0.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@import './z-index.css';
|
|
1
|
+
@import './z-index.css';
|
|
2
|
+
@import './overlay.css';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/* =========================================================================
|
|
2
|
+
* Portal-rendered overlays — visual overrides
|
|
3
|
+
* -------------------------------------------------------------------------
|
|
4
|
+
* Reka UI portals (Dialog, Sheet) render their overlays OUTSIDE each
|
|
5
|
+
* component's DOM scope, so styling must use non-scoped selectors. Shared
|
|
6
|
+
* here so Modal and Drawer keep a consistent translucent blur backdrop.
|
|
7
|
+
* ========================================================================= */
|
|
8
|
+
|
|
9
|
+
[data-slot='dialog-overlay'],
|
|
10
|
+
[data-slot='sheet-overlay'] {
|
|
11
|
+
background-color: rgba(252, 252, 252, 0.3);
|
|
12
|
+
backdrop-filter: blur(2px);
|
|
13
|
+
-webkit-backdrop-filter: blur(2px);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.dark [data-slot='dialog-overlay'],
|
|
17
|
+
.dark [data-slot='sheet-overlay'] {
|
|
18
|
+
background-color: rgba(25, 25, 25, 0.3);
|
|
19
|
+
}
|
|
@@ -178,17 +178,6 @@ const contentClass = computed(() =>
|
|
|
178
178
|
</template>
|
|
179
179
|
|
|
180
180
|
<style>
|
|
181
|
-
/* Translucent blur backdrop. SheetOverlay is rendered inside DialogPortal
|
|
182
|
-
(outside component scope), so use a non-scoped style. */
|
|
183
|
-
[data-slot='sheet-overlay'] {
|
|
184
|
-
background-color: rgba(252, 252, 252, 0.3);
|
|
185
|
-
backdrop-filter: blur(2px);
|
|
186
|
-
-webkit-backdrop-filter: blur(2px);
|
|
187
|
-
}
|
|
188
|
-
.dark [data-slot='sheet-overlay'] {
|
|
189
|
-
background-color: rgba(25, 25, 25, 0.3);
|
|
190
|
-
}
|
|
191
|
-
|
|
192
181
|
/* Hide SheetContent's hardcoded built-in close button (no data-slot);
|
|
193
182
|
we render our own SheetClose above with loading-aware disable. */
|
|
194
183
|
[data-slot='sheet-content'] > button:not([data-slot]) {
|
|
@@ -188,16 +188,3 @@ const contentClass = computed(() =>
|
|
|
188
188
|
</DialogContent>
|
|
189
189
|
</Dialog>
|
|
190
190
|
</template>
|
|
191
|
-
|
|
192
|
-
<style>
|
|
193
|
-
/* Translucent blur backdrop. DialogOverlay is rendered inside DialogPortal
|
|
194
|
-
(outside component scope), so use a non-scoped style. */
|
|
195
|
-
[data-slot='dialog-overlay'] {
|
|
196
|
-
background-color: rgba(252, 252, 252, 0.3);
|
|
197
|
-
backdrop-filter: blur(2px);
|
|
198
|
-
-webkit-backdrop-filter: blur(2px);
|
|
199
|
-
}
|
|
200
|
-
.dark [data-slot='dialog-overlay'] {
|
|
201
|
-
background-color: rgba(25, 25, 25, 0.3);
|
|
202
|
-
}
|
|
203
|
-
</style>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@polymarbot/nuxt-layer-shadcn-ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.8",
|
|
4
4
|
"description": "Nuxt layer providing shadcn-vue based UI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./nuxt.config.ts",
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"vue-i18n": "^11",
|
|
43
43
|
"vue-router": "^4 || ^5"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "3377868984c2e309b5be71fa54f5f6f354b4ffa6"
|
|
46
46
|
}
|