@mixd-id/web-scaffold 0.1.230406056 → 0.1.230406058

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/ContextMenu.vue +5 -6
  3. package/src/components/ListView.vue +2 -2
  4. package/src/themes/default/index.js +1 -1
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.230406056",
4
+ "version": "0.1.230406058",
5
5
  "scripts": {
6
6
  "dev": "vite serve",
7
7
  "build": "vite build",
package/src/components/ContextMenu.vue CHANGED
@@ -144,19 +144,18 @@ export default {
144
144
  this.$nextTick(() => {
145
145
  const rect = caller.getBoundingClientRect()
146
146
 
147
- top = Math.round(rect.y + rect.height + 10)
147
+ top = Math.round(rect.y + rect.height)
148
148
  transformOrigin = 'top left'
149
- maxHeight = this.$refs.contextMenu.clientHeight > window.innerHeight * .8 ?
150
- Math.round(window.innerHeight * .8) : this.$refs.contextMenu.clientHeight + 30
151
149
 
152
- if(top + this.$refs.contextMenu.clientHeight >= (window.innerHeight - 16)){
150
+ if(top > (window.innerHeight / 2)){
153
151
  top = undefined
154
- bottom = rect.height
152
+ bottom = Math.round(window.innerHeight - rect.y)
155
153
  transformOrigin = 'bottom left'
156
- transform = 'translate3d(0, -' + rect.height + 'px, 0)'
154
+ transform = 'translate3d(0, -10px, 0)'
157
155
  }
158
156
  else{
159
157
  transform = 'translate3d(0, 10px, 0)'
158
+ maxHeight = window.innerHeight - top - 36
160
159
  }
161
160
 
162
161
  this.computedStyle = {
package/src/components/ListView.vue CHANGED
@@ -7,7 +7,7 @@
7
7
  <button type="button" ref="presetSelectorBtn"
8
8
  class="flex-1 md:flex-none flex flex-row gap-1 items-center text-left md:ml-2"
9
9
  @click="$refs.presetSelector.toggle($refs.presetSelectorBtn)">
10
- <h4 class="overflow-hidden whitespace-nowrap text-ellipsis">{{ preset.name }}</h4>
10
+ <h2 class="overflow-hidden whitespace-nowrap text-ellipsis">{{ preset.name }}</h2>
11
11
  <svg width="16" height="16" class="fill-text hover:fill-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"/></svg>
12
12
  </button>
13
13
  <button type="button" @click="openPreset()">
@@ -573,7 +573,7 @@ export default{
573
573
  }
574
574
 
575
575
  .searchBox{
576
- @apply !bg-base-300 dark:!bg-base-400;
576
+ @apply !bg-base-300 dark:!bg-base-400 md:w-[300px];
577
577
  }
578
578
 
579
579
  .header{
package/src/themes/default/index.js CHANGED
@@ -84,7 +84,7 @@ const plugin = Plugin(function({ addBase, config, theme }) {
84
84
  '-webkit-font-smoothing': 'antialiased',
85
85
  '-moz-osx-font-smoothing': 'grayscale',
86
86
  'text-rendering': 'optimizeLegibility',
87
- 'fontSize': '14px',
87
+ 'fontSize': '15px',
88
88
  'touchAction': "pan-x pan-y",
89
89
  'backgroundColor': 'rgba(var(--base-300), 100)'
90
90
  },