@mixd-id/web-scaffold 0.1.230406051 → 0.1.230406053

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mixd-id/web-scaffold",
3
3
  "private": false,
4
- "version": "0.1.230406051",
4
+ "version": "0.1.230406053",
5
5
  "scripts": {
6
6
  "dev": "vite serve",
7
7
  "build": "vite build",
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <Teleport to=".Y29u">
3
- <div v-if="!!(computedState)" :class="$style.contextMenu" :style="computedStyle" ref="contextMenu">
3
+ <div v-if="!!(computedState)" :class="computedClass" :style="computedStyle" ref="contextMenu">
4
4
  <div :class="bodyClass">
5
5
  <slot name="default" :context="context"></slot>
6
6
  </div>
@@ -46,6 +46,14 @@ export default {
46
46
 
47
47
  computed:{
48
48
 
49
+ computedClass(){
50
+ return [
51
+ this.$style.contextMenu,
52
+ this.class
53
+ ]
54
+ .join(' ')
55
+ },
56
+
49
57
  computedState(){
50
58
  return this.state || this.isOpen
51
59
  }
@@ -280,7 +288,7 @@ export default {
280
288
  <style module>
281
289
 
282
290
  .contextMenu{
283
- @apply fixed z-20 bg-base-50 backdrop-blur-md min-w-[150px] overflow-y-auto rounded-lg;
291
+ @apply fixed z-20 bg-base-300 backdrop-blur-md min-w-[150px] overflow-y-auto rounded-xl;
284
292
  @apply border-[1px] border-text-50 shadow-2xl whitespace-nowrap;
285
293
  transition: all 150ms cubic-bezier(0.25, 1, 0.5, 1);
286
294
  opacity: 0;
@@ -406,7 +406,7 @@ export default{
406
406
  <style module>
407
407
 
408
408
  .comp{
409
- @apply flex flex-col gap-4;
409
+ @apply flex flex-col gap-4 bg-base-300;
410
410
  }
411
411
 
412
412
  .column{
@@ -10,10 +10,6 @@ const plugin = Plugin(function({ addBase, config, theme }) {
10
10
  'fontSize': '13px'
11
11
  },
12
12
 
13
- 'html, body': {
14
- 'height': '100%'
15
- },
16
-
17
13
  'html, .html': {
18
14
 
19
15
  "--h-cp-sm": '2rem',
@@ -22,8 +18,8 @@ const plugin = Plugin(function({ addBase, config, theme }) {
22
18
 
23
19
  '--base-50': '255, 255, 255',
24
20
  '--base-200': '222, 224, 227',
25
- '--base-300': '255, 255, 255',
26
- '--base-400': '246, 248, 251',
21
+ '--base-300': '246, 248, 251',
22
+ '--base-400': '255, 255, 255',
27
23
  '--base-500': '255, 255, 255',
28
24
  '--base': '236, 236, 236',
29
25