@redseed/redseed-ui-tailwindcss 6.2.10 → 6.2.11
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/components/modal.css +8 -30
- package/package.json +1 -1
package/components/modal.css
CHANGED
|
@@ -1,29 +1,7 @@
|
|
|
1
|
-
.enter-active-class {
|
|
2
|
-
@apply transition ease-out duration-200;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.enter-from-class {
|
|
6
|
-
@apply transform opacity-0 scale-95;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.enter-to-class {
|
|
10
|
-
@apply transform opacity-100 scale-100;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.leave-active-class {
|
|
14
|
-
@apply transition ease-in duration-75;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.leave-from-class {
|
|
18
|
-
@apply transform opacity-100 scale-100;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.leave-to-class {
|
|
22
|
-
@apply transform opacity-0 scale-95;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
1
|
.rsui-modal {
|
|
26
|
-
@apply fixed inset-0 overflow-y-auto
|
|
2
|
+
@apply fixed inset-0 z-50 overflow-y-auto transition-all;
|
|
3
|
+
@apply flex flex-col;
|
|
4
|
+
@apply px-4 py-6 md:px-0;
|
|
27
5
|
}
|
|
28
6
|
|
|
29
7
|
.rsui-modal__background-wrapper {
|
|
@@ -35,7 +13,7 @@
|
|
|
35
13
|
}
|
|
36
14
|
|
|
37
15
|
.rsui-modal__content {
|
|
38
|
-
@apply relative max-h-full
|
|
16
|
+
@apply relative max-h-full overflow-scroll overscroll-contain transform transition-all;
|
|
39
17
|
@apply rounded-xl shadow-full md:w-full md:mx-auto mx-4;
|
|
40
18
|
@apply bg-background-primary;
|
|
41
19
|
-ms-overflow-style: none;
|
|
@@ -59,15 +37,15 @@
|
|
|
59
37
|
}
|
|
60
38
|
|
|
61
39
|
.rsui-modal__content--top {
|
|
62
|
-
@apply
|
|
40
|
+
@apply mt-0 mb-auto;
|
|
63
41
|
}
|
|
64
42
|
|
|
65
43
|
.rsui-modal__content--center {
|
|
66
|
-
@apply
|
|
44
|
+
@apply my-auto;
|
|
67
45
|
}
|
|
68
46
|
|
|
69
47
|
.rsui-modal__content--bottom {
|
|
70
|
-
@apply
|
|
48
|
+
@apply mt-auto mb-0;
|
|
71
49
|
}
|
|
72
50
|
|
|
73
51
|
.rsui-modal__header {
|
|
@@ -93,7 +71,7 @@
|
|
|
93
71
|
}
|
|
94
72
|
|
|
95
73
|
.rsui-modal__footer {
|
|
96
|
-
@apply sticky inset-x-0 bottom-0 z-1 p-0 bg-background-secondary shrink-0 flex justify-end items-center
|
|
74
|
+
@apply sticky inset-x-0 bottom-0 z-1 p-0 bg-background-secondary shrink-0 flex justify-end items-center gap-x-2;
|
|
97
75
|
}
|
|
98
76
|
|
|
99
77
|
.rsui-modal__footer--padded {
|