@mixd-id/web-scaffold 0.1.240411101 → 0.1.240411102

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/List.vue +23 -23
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.240411101",
4
+ "version": "0.1.240411102",
5
5
  "scripts": {
6
6
  "dev": "vite serve",
7
7
  "build": "vite build",
package/src/components/List.vue CHANGED
@@ -35,12 +35,12 @@
35
35
 
36
36
  <div v-if="preset" class="flex-1 flex flex-col relative">
37
37
 
38
- <div class="flex-1 flex flex-col gap-2" :class="containerClass">
38
+ <div class="flex-1 flex flex-col" :class="containerClass">
39
39
  <slot name="head"
40
40
  :preset="preset"
41
41
  :presetSelector="$refs.presetSelector"
42
42
  :compPrefix="compPrefix">
43
- <div class="flex flex-col md:flex-row gap-3 md:items-end overflow-hidden p-3 pb-1 md:p-0"
43
+ <div class="flex flex-col md:flex-row bg-base-400 md:bg-transparent gap-3 md:items-end overflow-hidden p-3 pb-1 md:p-0"
44
44
  :class="headerClass">
45
45
  <div class="flex md:flex-1 flex-row items-end md:gap-3 py-1 md:py-0" @click="log(cConfig)">
46
46
  <slot name="left"></slot>
@@ -115,28 +115,28 @@
115
115
  </div>
116
116
 
117
117
  </div>
118
- </slot>
119
118
 
120
- <div class="md:hidden">
121
- <slot name="mobile-toolbar">
122
- <div class="p-3">
123
- <Textbox v-if="canSearch"
124
- placeholder="Search..."
125
- class="bg-base-300"
126
- clearable="1"
127
- maxlength="100"
128
- v-model="preset.search"
129
- @clear="delete preset.search; load()"
130
- @keyup.enter="load">
131
- <template #start>
132
- <div class="p-2 pr-0">
133
- <svg width="14" height="14" class="fill-text-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0-alpha3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"/></svg>
134
- </div>
135
- </template>
136
- </Textbox>
137
- </div>
138
- </slot>
139
- </div>
119
+ <div class="md:hidden bg-base-400 md:bg-transparent">
120
+ <slot name="mobile-toolbar">
121
+ <div class="p-3">
122
+ <Textbox v-if="canSearch"
123
+ placeholder="Search..."
124
+ class="bg-base-300"
125
+ clearable="1"
126
+ maxlength="100"
127
+ v-model="preset.search"
128
+ @clear="delete preset.search; load()"
129
+ @keyup.enter="load">
130
+ <template #start>
131
+ <div class="p-2 pr-0">
132
+ <svg width="14" height="14" class="fill-text-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0-alpha3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"/></svg>
133
+ </div>
134
+ </template>
135
+ </Textbox>
136
+ </div>
137
+ </slot>
138
+ </div>
139
+ </slot>
140
140
 
141
141
  <div class="flex-1 flex" ref="content">
142
142
  <div v-if="readyState === 2" class="flex-1 flex items-center justify-center">