@mixd-id/web-scaffold 0.1.240411088 → 0.1.240411090

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.240411088",
4
+ "version": "0.1.240411090",
5
5
  "scripts": {
6
6
  "dev": "vite serve",
7
7
  "build": "vite build",
@@ -9,6 +9,7 @@
9
9
  <slot v-else-if="step === 2 && 'description2' in $slots" name="description2"></slot>
10
10
  <p v-else-if="step === 2" class="mt-1 text-text-400" v-html="description2"></p>
11
11
  </div>
12
+ <div v-else class="flex-1"></div>
12
13
  <div class="p-2 pl-0">
13
14
  <button type="button" class="p-2" @click="isOpen = false">
14
15
  <svg width="24" height="24" viewBox="0 0 24 24" class="fill-text-300 hover:fill-red-500" xmlns="http://www.w3.org/2000/svg">
@@ -18,6 +19,7 @@
18
19
  </div>
19
20
  </div>
20
21
  </template>
22
+
21
23
  <template v-slot:foot>
22
24
  <div class="p-5 flex flex-row gap-3" v-if="step === 2">
23
25
  <Button class="w-[120px]" :disabled="!canImport" :state="isLoading ? 2 : 1" @click="proceedImport">Import</Button>
@@ -83,7 +85,7 @@
83
85
  <div v-else class="p-2 text-sm text-green-500 border-green-500 border-[1px] rounded-lg">
84
86
  Total Data: {{ importData.result.count }}
85
87
  </div>
86
- <div class="px-6 my-4">
88
+ <div class="px-6 my-4 w-[470px]">
87
89
  <VirtualTable v-if="warnings.length > 0" :columns="warningColumns" :items="warnings" class="h-[200px]"></VirtualTable>
88
90
  </div>
89
91
 
@@ -181,14 +181,18 @@ const plugin = Plugin(function({ addBase, addUtilities, config, theme }) {
181
181
 
182
182
  '.menu-item': {
183
183
  },
184
- '.menu-item:hover': {
184
+ '.menu-item:hover:not(:disabled)': {
185
185
  background: 'rgb(var(--primary-500))',
186
186
  fill: '#fff',
187
187
  color: '#fff'
188
188
  },
189
- '.menu-item:hover *': {
189
+ '.menu-item:hover:not(:disabled) *': {
190
190
  fill: '#fff',
191
191
  color: '#fff'
192
+ },
193
+ '.menu-item:disabled, .menu-item:disabled *': {
194
+ opacity: '0.5',
195
+ cursor: 'not-allowed'
192
196
  }
193
197
 
194
198
  })