frappe-ui 0.0.49 → 0.0.50

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,6 +1,6 @@
1
1
  {
2
2
  "name": "frappe-ui",
3
- "version": "0.0.49",
3
+ "version": "0.0.50",
4
4
  "description": "A set of components and utilities for rapid UI development",
5
5
  "main": "./src/index.js",
6
6
  "scripts": {
@@ -10,7 +10,7 @@
10
10
  @close="open = false"
11
11
  >
12
12
  <div
13
- class="flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0"
13
+ class="flex flex-col items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center"
14
14
  >
15
15
  <TransitionChild
16
16
  as="template"
@@ -26,13 +26,6 @@
26
26
  />
27
27
  </TransitionChild>
28
28
 
29
- <!-- This element is to trick the browser into centering the modal contents. -->
30
- <span
31
- class="hidden sm:inline-block sm:align-middle sm:h-screen"
32
- aria-hidden="true"
33
- >
34
- &#8203;
35
- </span>
36
29
  <TransitionChild
37
30
  as="template"
38
31
  enter="ease-out duration-300"
@@ -43,7 +36,7 @@
43
36
  leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
44
37
  >
45
38
  <div
46
- class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
39
+ class="inline-block w-full max-w-lg my-8 overflow-hidden text-left align-middle transition-all transform bg-white rounded-lg shadow-xl"
47
40
  >
48
41
  <slot name="body">
49
42
  <slot name="body-main">
@@ -71,7 +64,7 @@
71
64
  aria-hidden="true"
72
65
  />
73
66
  </div>
74
- <div class="flex-1 text-center sm:text-left">
67
+ <div class="flex-1">
75
68
  <DialogTitle as="header">
76
69
  <slot name="body-title">
77
70
  <h3
@@ -6,7 +6,7 @@
6
6
  class="border-l w-[2px] h-4"
7
7
  v-if="button.type === 'separator'"
8
8
  ></div>
9
- <div v-else-if="button.map">
9
+ <div class="shrink-0" v-else-if="button.map">
10
10
  <Popover>
11
11
  <template #target="{ togglePopover }">
12
12
  <button
@@ -15,7 +15,7 @@
15
15
 
16
16
  <Menu
17
17
  v-if="fixedMenuButtons"
18
- class="w-full border border-gray-200 rounded-t-lg"
18
+ class="w-full overflow-x-auto border border-gray-200 rounded-t-lg"
19
19
  :editor="editor"
20
20
  :buttons="fixedMenuButtons"
21
21
  />