@quidgest/ui 0.14.8 → 0.14.10

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 (10) hide show
  1. package/README.md +5 -5
  2. package/dist/ui.css +10 -4
  3. package/dist/ui.esm.js +847 -847
  4. package/dist/ui.js +25 -25
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +175 -175
  7. package/dist/ui.scss +9 -5
  8. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  9. package/esm/components/QOverlay/QOverlay.vue.js +105 -105
  10. package/package.json +1 -1
package/README.md CHANGED
@@ -44,17 +44,17 @@ createApp(App).use(framework).mount('#app')
44
44
 
45
45
  Once installed, components can be used like so:
46
46
 
47
- ```ts
47
+ ```vue
48
48
  <template>
49
49
  <q-button @click="handleClick">Click me</q-button>
50
50
  </template>
51
51
 
52
52
  <script setup lang="ts">
53
- import { QButton } from '@quidgest/ui'
53
+ import { QButton } from '@quidgest/ui/components'
54
54
 
55
- function handleClick() {
56
- console.log("Parallel lines have so much in common. It's a shame they'll never meet.")
57
- }
55
+ function handleClick() {
56
+ console.log("Parallel lines have so much in common. It's a shame they'll never meet.")
57
+ }
58
58
  </script>
59
59
  ```
60
60
 
package/dist/ui.css CHANGED
@@ -880,6 +880,7 @@ body *::-webkit-scrollbar-track {
880
880
  display: grid;
881
881
  grid-template-rows: 0fr;
882
882
  transition: 0.5s;
883
+ width: 100%;
883
884
  }
884
885
  .q-collapsible__content-wrapper:not(.q-collapsible__content-show) {
885
886
  pointer-events: none;
@@ -1348,10 +1349,15 @@ body *::-webkit-scrollbar-track {
1348
1349
  border-bottom-width: 1px;
1349
1350
  }
1350
1351
  .q-overlay--independent {
1351
- position: fixed;
1352
- top: 50%;
1353
- left: 50%;
1354
- transform: translate(-50%, -50%);
1352
+ left: 0;
1353
+ right: 0;
1354
+ top: 0;
1355
+ bottom: 0;
1356
+ margin: auto;
1357
+ width: -moz-max-content;
1358
+ width: max-content;
1359
+ height: -moz-max-content;
1360
+ height: max-content;
1355
1361
  }
1356
1362
  .q-overlay--inverted {
1357
1363
  --q-overlay-bg: var(--q-theme-on-background);