phoenix_duskmoon 4.1.1 → 4.3.0
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/CHANGELOG.md +21 -0
- package/package.json +1 -1
- package/priv/static/phoenix_duskmoon.css +348 -271
- package/priv/static/phoenix_duskmoon.js +20 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
# [4.3.0](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v4.2.0...v4.3.0) (2023-04-17)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* Fix duplicate import. ([4dd5134](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/4dd5134f40b73686819c3729427a5b39bf2cf954))
|
|
7
|
+
* Fix modal style and docs. ([18a4a63](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/18a4a63bde1951b1b052c7024bb0d0cba04ab19a))
|
|
8
|
+
* Fix tab styles. ([3fd932d](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/3fd932d9bbf9250be2b0fcade67d3c9df44e84dc))
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* Add tab and change modal use html dialog. ([8a85659](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/8a856591c3610863e2525a222dee96dedebfa935))
|
|
14
|
+
|
|
15
|
+
# [4.2.0](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v4.1.1...v4.2.0) (2023-04-07)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Features
|
|
19
|
+
|
|
20
|
+
* Update dependencies. ([c96562f](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/c96562fa07d90c07eb8d93e132caf2212c83705e))
|
|
21
|
+
|
|
1
22
|
## [4.1.1](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v4.1.0...v4.1.1) (2023-04-02)
|
|
2
23
|
|
|
3
24
|
|
package/package.json
CHANGED
|
@@ -11,703 +11,780 @@
|
|
|
11
11
|
overflow: hidden;
|
|
12
12
|
clip: rect(0, 0, 0, 0);
|
|
13
13
|
white-space: nowrap;
|
|
14
|
-
border-width: 0
|
|
14
|
+
border-width: 0;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.fixed {
|
|
18
|
-
position: fixed
|
|
18
|
+
position: fixed;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.absolute {
|
|
22
|
-
position: absolute
|
|
22
|
+
position: absolute;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.relative {
|
|
26
|
-
position: relative
|
|
26
|
+
position: relative;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.
|
|
30
|
-
top:
|
|
31
|
-
right: 0px;
|
|
32
|
-
bottom: 0px;
|
|
33
|
-
left: 0px
|
|
29
|
+
.top-14 {
|
|
30
|
+
top: 3.5rem;
|
|
34
31
|
}
|
|
35
32
|
|
|
36
|
-
.
|
|
37
|
-
|
|
33
|
+
.right-2 {
|
|
34
|
+
right: 0.5rem;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.top-2 {
|
|
38
|
+
top: 0.5rem;
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
.isolate {
|
|
41
|
-
isolation: isolate
|
|
42
|
+
isolation: isolate;
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
.z-50 {
|
|
45
|
-
z-index: 50
|
|
46
|
+
z-index: 50;
|
|
46
47
|
}
|
|
47
48
|
|
|
48
49
|
.z-10 {
|
|
49
|
-
z-index: 10
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.z-20 {
|
|
53
|
-
z-index: 20
|
|
50
|
+
z-index: 10;
|
|
54
51
|
}
|
|
55
52
|
|
|
56
53
|
.m-4 {
|
|
57
|
-
margin: 1rem
|
|
54
|
+
margin: 1rem;
|
|
58
55
|
}
|
|
59
56
|
|
|
60
57
|
.mx-12 {
|
|
61
58
|
margin-left: 3rem;
|
|
62
|
-
margin-right: 3rem
|
|
59
|
+
margin-right: 3rem;
|
|
63
60
|
}
|
|
64
61
|
|
|
65
62
|
.my-2 {
|
|
66
63
|
margin-top: 0.5rem;
|
|
67
|
-
margin-bottom: 0.5rem
|
|
64
|
+
margin-bottom: 0.5rem;
|
|
68
65
|
}
|
|
69
66
|
|
|
70
67
|
.mx-auto {
|
|
71
68
|
margin-left: auto;
|
|
72
|
-
margin-right: auto
|
|
69
|
+
margin-right: auto;
|
|
73
70
|
}
|
|
74
71
|
|
|
75
72
|
.mx-8 {
|
|
76
73
|
margin-left: 2rem;
|
|
77
|
-
margin-right: 2rem
|
|
74
|
+
margin-right: 2rem;
|
|
78
75
|
}
|
|
79
76
|
|
|
80
77
|
.mb-4 {
|
|
81
|
-
margin-bottom: 1rem
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.mt-3 {
|
|
85
|
-
margin-top: 0.75rem
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.mt-2 {
|
|
89
|
-
margin-top: 0.5rem
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.mt-5 {
|
|
93
|
-
margin-top: 1.25rem
|
|
78
|
+
margin-bottom: 1rem;
|
|
94
79
|
}
|
|
95
80
|
|
|
96
81
|
.mr-1 {
|
|
97
|
-
margin-right: 0.25rem
|
|
82
|
+
margin-right: 0.25rem;
|
|
98
83
|
}
|
|
99
84
|
|
|
100
85
|
.flex {
|
|
101
|
-
display: flex
|
|
86
|
+
display: flex;
|
|
102
87
|
}
|
|
103
88
|
|
|
104
89
|
.inline-flex {
|
|
105
|
-
display: inline-flex
|
|
90
|
+
display: inline-flex;
|
|
106
91
|
}
|
|
107
92
|
|
|
108
93
|
.table {
|
|
109
|
-
display: table
|
|
94
|
+
display: table;
|
|
110
95
|
}
|
|
111
96
|
|
|
112
97
|
.hidden {
|
|
113
|
-
display: none
|
|
98
|
+
display: none;
|
|
114
99
|
}
|
|
115
100
|
|
|
116
101
|
.h-16 {
|
|
117
|
-
height: 4rem
|
|
102
|
+
height: 4rem;
|
|
118
103
|
}
|
|
119
104
|
|
|
120
105
|
.h-14 {
|
|
121
|
-
height: 3.5rem
|
|
106
|
+
height: 3.5rem;
|
|
122
107
|
}
|
|
123
108
|
|
|
124
109
|
.h-full {
|
|
125
|
-
height: 100
|
|
110
|
+
height: 100%;
|
|
126
111
|
}
|
|
127
112
|
|
|
128
113
|
.h-10 {
|
|
129
|
-
height: 2.5rem
|
|
114
|
+
height: 2.5rem;
|
|
130
115
|
}
|
|
131
116
|
|
|
132
117
|
.h-8 {
|
|
133
|
-
height: 2rem
|
|
118
|
+
height: 2rem;
|
|
134
119
|
}
|
|
135
120
|
|
|
136
121
|
.h-4 {
|
|
137
|
-
height: 1rem
|
|
122
|
+
height: 1rem;
|
|
138
123
|
}
|
|
139
124
|
|
|
140
125
|
.h-12 {
|
|
141
|
-
height: 3rem
|
|
126
|
+
height: 3rem;
|
|
142
127
|
}
|
|
143
128
|
|
|
144
129
|
.h-5 {
|
|
145
|
-
height: 1.25rem
|
|
130
|
+
height: 1.25rem;
|
|
146
131
|
}
|
|
147
132
|
|
|
148
133
|
.h-\[34px\] {
|
|
149
|
-
height: 34px
|
|
134
|
+
height: 34px;
|
|
150
135
|
}
|
|
151
136
|
|
|
152
137
|
.h-\[40px\] {
|
|
153
|
-
height: 40px
|
|
138
|
+
height: 40px;
|
|
154
139
|
}
|
|
155
140
|
|
|
156
|
-
.min-h
|
|
157
|
-
min-height:
|
|
141
|
+
.min-h-\[200px\] {
|
|
142
|
+
min-height: 200px;
|
|
158
143
|
}
|
|
159
144
|
|
|
160
145
|
.min-h-fit {
|
|
161
146
|
min-height: -webkit-fit-content;
|
|
162
147
|
min-height: -moz-fit-content;
|
|
163
|
-
min-height: fit-content
|
|
148
|
+
min-height: fit-content;
|
|
164
149
|
}
|
|
165
150
|
|
|
166
151
|
.w-full {
|
|
167
|
-
width: 100
|
|
152
|
+
width: 100%;
|
|
168
153
|
}
|
|
169
154
|
|
|
170
155
|
.w-10 {
|
|
171
|
-
width: 2.5rem
|
|
156
|
+
width: 2.5rem;
|
|
172
157
|
}
|
|
173
158
|
|
|
174
159
|
.w-8 {
|
|
175
|
-
width: 2rem
|
|
160
|
+
width: 2rem;
|
|
176
161
|
}
|
|
177
162
|
|
|
178
163
|
.w-4 {
|
|
179
|
-
width: 1rem
|
|
164
|
+
width: 1rem;
|
|
180
165
|
}
|
|
181
166
|
|
|
182
167
|
.w-16 {
|
|
183
|
-
width: 4rem
|
|
168
|
+
width: 4rem;
|
|
184
169
|
}
|
|
185
170
|
|
|
186
171
|
.w-\[200px\] {
|
|
187
|
-
width: 200px
|
|
172
|
+
width: 200px;
|
|
188
173
|
}
|
|
189
174
|
|
|
190
175
|
.w-5 {
|
|
191
|
-
width: 1.25rem
|
|
176
|
+
width: 1.25rem;
|
|
192
177
|
}
|
|
193
178
|
|
|
194
|
-
.
|
|
195
|
-
|
|
179
|
+
.min-w-\[420px\] {
|
|
180
|
+
min-width: 420px;
|
|
196
181
|
}
|
|
197
182
|
|
|
198
183
|
.flex-1 {
|
|
199
|
-
flex: 1 1 0
|
|
184
|
+
flex: 1 1 0%;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.flex-none {
|
|
188
|
+
flex: none;
|
|
200
189
|
}
|
|
201
190
|
|
|
202
191
|
.table-fixed {
|
|
203
|
-
table-layout: fixed
|
|
192
|
+
table-layout: fixed;
|
|
204
193
|
}
|
|
205
194
|
|
|
206
195
|
.border-collapse {
|
|
207
|
-
border-collapse: collapse
|
|
196
|
+
border-collapse: collapse;
|
|
208
197
|
}
|
|
209
198
|
|
|
210
199
|
.border-spacing-0 {
|
|
211
200
|
--tw-border-spacing-x: 0px;
|
|
212
201
|
--tw-border-spacing-y: 0px;
|
|
213
|
-
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
.translate-y-0 {
|
|
217
|
-
--tw-translate-y: 0px;
|
|
218
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
219
|
-
}
|
|
220
|
-
|
|
221
|
-
.translate-y-4 {
|
|
222
|
-
--tw-translate-y: 1rem;
|
|
223
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
202
|
+
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
224
203
|
}
|
|
225
204
|
|
|
226
205
|
.transform {
|
|
227
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
206
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
228
207
|
}
|
|
229
208
|
|
|
230
209
|
.cursor-pointer {
|
|
231
|
-
cursor: pointer
|
|
210
|
+
cursor: pointer;
|
|
232
211
|
}
|
|
233
212
|
|
|
234
213
|
.select-none {
|
|
235
214
|
-webkit-user-select: none;
|
|
236
215
|
-moz-user-select: none;
|
|
237
216
|
-ms-user-select: none;
|
|
238
|
-
user-select: none
|
|
217
|
+
user-select: none;
|
|
239
218
|
}
|
|
240
219
|
|
|
241
220
|
.flex-row {
|
|
242
|
-
flex-direction: row
|
|
221
|
+
flex-direction: row;
|
|
243
222
|
}
|
|
244
223
|
|
|
245
224
|
.flex-col {
|
|
246
|
-
flex-direction: column
|
|
225
|
+
flex-direction: column;
|
|
247
226
|
}
|
|
248
227
|
|
|
249
228
|
.items-start {
|
|
250
|
-
align-items: flex-start
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
.items-end {
|
|
254
|
-
align-items: flex-end
|
|
229
|
+
align-items: flex-start;
|
|
255
230
|
}
|
|
256
231
|
|
|
257
232
|
.items-center {
|
|
258
|
-
align-items: center
|
|
233
|
+
align-items: center;
|
|
259
234
|
}
|
|
260
235
|
|
|
261
236
|
.justify-start {
|
|
262
|
-
justify-content: flex-start
|
|
237
|
+
justify-content: flex-start;
|
|
263
238
|
}
|
|
264
239
|
|
|
265
240
|
.justify-end {
|
|
266
|
-
justify-content: flex-end
|
|
241
|
+
justify-content: flex-end;
|
|
267
242
|
}
|
|
268
243
|
|
|
269
244
|
.justify-center {
|
|
270
|
-
justify-content: center
|
|
245
|
+
justify-content: center;
|
|
271
246
|
}
|
|
272
247
|
|
|
273
248
|
.justify-between {
|
|
274
|
-
justify-content: space-between
|
|
249
|
+
justify-content: space-between;
|
|
275
250
|
}
|
|
276
251
|
|
|
277
252
|
.gap-4 {
|
|
278
|
-
gap: 1rem
|
|
253
|
+
gap: 1rem;
|
|
279
254
|
}
|
|
280
255
|
|
|
281
256
|
.gap-2 {
|
|
282
|
-
gap: 0.5rem
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
286
|
-
--tw-space-x-reverse: 0;
|
|
287
|
-
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
288
|
-
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
|
|
257
|
+
gap: 0.5rem;
|
|
289
258
|
}
|
|
290
259
|
|
|
291
260
|
.-space-x-px > :not([hidden]) ~ :not([hidden]) {
|
|
292
261
|
--tw-space-x-reverse: 0;
|
|
293
262
|
margin-right: calc(-1px * var(--tw-space-x-reverse));
|
|
294
|
-
margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)))
|
|
263
|
+
margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
|
|
295
264
|
}
|
|
296
265
|
|
|
297
266
|
.self-center {
|
|
298
|
-
align-self: center
|
|
299
|
-
}
|
|
300
|
-
|
|
301
|
-
.overflow-hidden {
|
|
302
|
-
overflow: hidden
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
.overflow-y-auto {
|
|
306
|
-
overflow-y: auto
|
|
267
|
+
align-self: center;
|
|
307
268
|
}
|
|
308
269
|
|
|
309
270
|
.rounded-lg {
|
|
310
|
-
border-radius: 0.5rem
|
|
271
|
+
border-radius: 0.5rem;
|
|
311
272
|
}
|
|
312
273
|
|
|
313
274
|
.rounded-md {
|
|
314
|
-
border-radius: 0.375rem
|
|
275
|
+
border-radius: 0.375rem;
|
|
315
276
|
}
|
|
316
277
|
|
|
317
278
|
.rounded-l-md {
|
|
318
279
|
border-top-left-radius: 0.375rem;
|
|
319
|
-
border-bottom-left-radius: 0.375rem
|
|
280
|
+
border-bottom-left-radius: 0.375rem;
|
|
320
281
|
}
|
|
321
282
|
|
|
322
283
|
.rounded-r-md {
|
|
323
284
|
border-top-right-radius: 0.375rem;
|
|
324
|
-
border-bottom-right-radius: 0.375rem
|
|
285
|
+
border-bottom-right-radius: 0.375rem;
|
|
325
286
|
}
|
|
326
287
|
|
|
327
288
|
.border {
|
|
328
|
-
border-width: 1px
|
|
289
|
+
border-width: 1px;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.border-x-0 {
|
|
293
|
+
border-left-width: 0px;
|
|
294
|
+
border-right-width: 0px;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
.border-y-0 {
|
|
298
|
+
border-top-width: 0px;
|
|
299
|
+
border-bottom-width: 0px;
|
|
329
300
|
}
|
|
330
301
|
|
|
331
302
|
.border-t {
|
|
332
|
-
border-top-width: 1px
|
|
303
|
+
border-top-width: 1px;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
.border-t-0 {
|
|
307
|
+
border-top-width: 0px;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
.border-b {
|
|
311
|
+
border-bottom-width: 1px;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
.border-l-0 {
|
|
315
|
+
border-left-width: 0px;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.border-r {
|
|
319
|
+
border-right-width: 1px;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
.border-solid {
|
|
323
|
+
border-style: solid;
|
|
333
324
|
}
|
|
334
325
|
|
|
335
326
|
.border-gray-200 {
|
|
336
327
|
--tw-border-opacity: 1;
|
|
337
|
-
border-color: rgb(229 231 235 / var(--tw-border-opacity))
|
|
328
|
+
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
338
329
|
}
|
|
339
330
|
|
|
340
331
|
.border-gray-300 {
|
|
341
332
|
--tw-border-opacity: 1;
|
|
342
|
-
border-color: rgb(209 213 219 / var(--tw-border-opacity))
|
|
333
|
+
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
343
334
|
}
|
|
344
335
|
|
|
345
336
|
.border-indigo-500 {
|
|
346
337
|
--tw-border-opacity: 1;
|
|
347
|
-
border-color: rgb(99 102 241 / var(--tw-border-opacity))
|
|
338
|
+
border-color: rgb(99 102 241 / var(--tw-border-opacity));
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.border-blue-400 {
|
|
342
|
+
--tw-border-opacity: 1;
|
|
343
|
+
border-color: rgb(96 165 250 / var(--tw-border-opacity));
|
|
348
344
|
}
|
|
349
345
|
|
|
350
346
|
.bg-\[rgba\(255\2c 255\2c 255\2c \.7\)\] {
|
|
351
|
-
background-color: rgba(255,255,255,.7)
|
|
347
|
+
background-color: rgba(255,255,255,.7);
|
|
352
348
|
}
|
|
353
349
|
|
|
354
350
|
.bg-blue-100 {
|
|
355
351
|
--tw-bg-opacity: 1;
|
|
356
|
-
background-color: rgb(219 234 254 / var(--tw-bg-opacity))
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
.bg-black\/20 {
|
|
360
|
-
background-color: rgb(0 0 0 / 0.2)
|
|
352
|
+
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
|
|
361
353
|
}
|
|
362
354
|
|
|
363
355
|
.bg-white {
|
|
364
356
|
--tw-bg-opacity: 1;
|
|
365
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
|
|
357
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
366
358
|
}
|
|
367
359
|
|
|
368
360
|
.bg-indigo-50 {
|
|
369
361
|
--tw-bg-opacity: 1;
|
|
370
|
-
background-color: rgb(238 242 255 / var(--tw-bg-opacity))
|
|
362
|
+
background-color: rgb(238 242 255 / var(--tw-bg-opacity));
|
|
371
363
|
}
|
|
372
364
|
|
|
373
365
|
.bg-slate-100 {
|
|
374
366
|
--tw-bg-opacity: 1;
|
|
375
|
-
background-color: rgb(241 245 249 / var(--tw-bg-opacity))
|
|
367
|
+
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
|
|
376
368
|
}
|
|
377
369
|
|
|
378
370
|
.bg-slate-50 {
|
|
379
371
|
--tw-bg-opacity: 1;
|
|
380
|
-
background-color: rgb(248 250 252 / var(--tw-bg-opacity))
|
|
372
|
+
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
381
373
|
}
|
|
382
374
|
|
|
383
375
|
.p-6 {
|
|
384
|
-
padding: 1.5rem
|
|
376
|
+
padding: 1.5rem;
|
|
385
377
|
}
|
|
386
378
|
|
|
387
379
|
.p-4 {
|
|
388
|
-
padding: 1rem
|
|
380
|
+
padding: 1rem;
|
|
389
381
|
}
|
|
390
382
|
|
|
391
383
|
.px-4 {
|
|
392
384
|
padding-left: 1rem;
|
|
393
|
-
padding-right: 1rem
|
|
385
|
+
padding-right: 1rem;
|
|
394
386
|
}
|
|
395
387
|
|
|
396
388
|
.py-2 {
|
|
397
389
|
padding-top: 0.5rem;
|
|
398
|
-
padding-bottom: 0.5rem
|
|
390
|
+
padding-bottom: 0.5rem;
|
|
399
391
|
}
|
|
400
392
|
|
|
401
393
|
.px-6 {
|
|
402
394
|
padding-left: 1.5rem;
|
|
403
|
-
padding-right: 1.5rem
|
|
395
|
+
padding-right: 1.5rem;
|
|
404
396
|
}
|
|
405
397
|
|
|
406
398
|
.px-10 {
|
|
407
399
|
padding-left: 2.5rem;
|
|
408
|
-
padding-right: 2.5rem
|
|
400
|
+
padding-right: 2.5rem;
|
|
409
401
|
}
|
|
410
402
|
|
|
411
403
|
.py-4 {
|
|
412
404
|
padding-top: 1rem;
|
|
413
|
-
padding-bottom: 1rem
|
|
405
|
+
padding-bottom: 1rem;
|
|
414
406
|
}
|
|
415
407
|
|
|
416
408
|
.py-20 {
|
|
417
409
|
padding-top: 5rem;
|
|
418
|
-
padding-bottom: 5rem
|
|
410
|
+
padding-bottom: 5rem;
|
|
419
411
|
}
|
|
420
412
|
|
|
421
413
|
.py-3 {
|
|
422
414
|
padding-top: 0.75rem;
|
|
423
|
-
padding-bottom: 0.75rem
|
|
415
|
+
padding-bottom: 0.75rem;
|
|
424
416
|
}
|
|
425
417
|
|
|
426
418
|
.px-2 {
|
|
427
419
|
padding-left: 0.5rem;
|
|
428
|
-
padding-right: 0.5rem
|
|
420
|
+
padding-right: 0.5rem;
|
|
429
421
|
}
|
|
430
422
|
|
|
431
423
|
.pt-4 {
|
|
432
|
-
padding-top: 1rem
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
.pt-5 {
|
|
436
|
-
padding-top: 1.25rem
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
.pb-4 {
|
|
440
|
-
padding-bottom: 1rem
|
|
424
|
+
padding-top: 1rem;
|
|
441
425
|
}
|
|
442
426
|
|
|
443
427
|
.text-left {
|
|
444
|
-
text-align: left
|
|
428
|
+
text-align: left;
|
|
445
429
|
}
|
|
446
430
|
|
|
447
431
|
.text-center {
|
|
448
|
-
text-align: center
|
|
432
|
+
text-align: center;
|
|
449
433
|
}
|
|
450
434
|
|
|
451
435
|
.indent-2\.5 {
|
|
452
|
-
text-indent: 0.625rem
|
|
436
|
+
text-indent: 0.625rem;
|
|
453
437
|
}
|
|
454
438
|
|
|
455
439
|
.indent-2 {
|
|
456
|
-
text-indent: 0.5rem
|
|
440
|
+
text-indent: 0.5rem;
|
|
457
441
|
}
|
|
458
442
|
|
|
459
443
|
.text-xl {
|
|
460
444
|
font-size: 1.25rem;
|
|
461
|
-
line-height: 1.75rem
|
|
445
|
+
line-height: 1.75rem;
|
|
462
446
|
}
|
|
463
447
|
|
|
464
448
|
.text-lg {
|
|
465
449
|
font-size: 1.125rem;
|
|
466
|
-
line-height: 1.75rem
|
|
450
|
+
line-height: 1.75rem;
|
|
467
451
|
}
|
|
468
452
|
|
|
469
453
|
.text-\[14px\] {
|
|
470
|
-
font-size: 14px
|
|
454
|
+
font-size: 14px;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
.text-2xl {
|
|
458
|
+
font-size: 1.5rem;
|
|
459
|
+
line-height: 2rem;
|
|
471
460
|
}
|
|
472
461
|
|
|
473
462
|
.text-sm {
|
|
474
463
|
font-size: 0.875rem;
|
|
475
|
-
line-height: 1.25rem
|
|
464
|
+
line-height: 1.25rem;
|
|
476
465
|
}
|
|
477
466
|
|
|
478
467
|
.font-semibold {
|
|
479
|
-
font-weight: 600
|
|
468
|
+
font-weight: 600;
|
|
480
469
|
}
|
|
481
470
|
|
|
482
|
-
.font-
|
|
483
|
-
font-weight:
|
|
471
|
+
.font-bold {
|
|
472
|
+
font-weight: 700;
|
|
484
473
|
}
|
|
485
474
|
|
|
486
|
-
.font-
|
|
487
|
-
font-weight:
|
|
475
|
+
.font-medium {
|
|
476
|
+
font-weight: 500;
|
|
488
477
|
}
|
|
489
478
|
|
|
490
479
|
.leading-6 {
|
|
491
|
-
line-height: 1.5rem
|
|
480
|
+
line-height: 1.5rem;
|
|
492
481
|
}
|
|
493
482
|
|
|
494
483
|
.text-\[\#A1A7C4\] {
|
|
495
484
|
--tw-text-opacity: 1;
|
|
496
|
-
color: rgb(161 167 196 / var(--tw-text-opacity))
|
|
485
|
+
color: rgb(161 167 196 / var(--tw-text-opacity));
|
|
497
486
|
}
|
|
498
487
|
|
|
499
488
|
.text-blue-500 {
|
|
500
489
|
--tw-text-opacity: 1;
|
|
501
|
-
color: rgb(59 130 246 / var(--tw-text-opacity))
|
|
490
|
+
color: rgb(59 130 246 / var(--tw-text-opacity));
|
|
502
491
|
}
|
|
503
492
|
|
|
504
|
-
.text-gray-
|
|
493
|
+
.text-gray-700 {
|
|
505
494
|
--tw-text-opacity: 1;
|
|
506
|
-
color: rgb(
|
|
495
|
+
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
507
496
|
}
|
|
508
497
|
|
|
509
498
|
.text-gray-500 {
|
|
510
499
|
--tw-text-opacity: 1;
|
|
511
|
-
color: rgb(107 114 128 / var(--tw-text-opacity))
|
|
500
|
+
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
512
501
|
}
|
|
513
502
|
|
|
514
|
-
.text-
|
|
503
|
+
.text-indigo-600 {
|
|
515
504
|
--tw-text-opacity: 1;
|
|
516
|
-
color: rgb(
|
|
505
|
+
color: rgb(79 70 229 / var(--tw-text-opacity));
|
|
517
506
|
}
|
|
518
507
|
|
|
519
|
-
.text-
|
|
508
|
+
.text-blue-400 {
|
|
520
509
|
--tw-text-opacity: 1;
|
|
521
|
-
color: rgb(
|
|
510
|
+
color: rgb(96 165 250 / var(--tw-text-opacity));
|
|
522
511
|
}
|
|
523
512
|
|
|
524
513
|
.underline {
|
|
525
514
|
-webkit-text-decoration-line: underline;
|
|
526
|
-
text-decoration-line: underline
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
.opacity-100 {
|
|
530
|
-
opacity: 1
|
|
531
|
-
}
|
|
532
|
-
|
|
533
|
-
.opacity-0 {
|
|
534
|
-
opacity: 0
|
|
515
|
+
text-decoration-line: underline;
|
|
535
516
|
}
|
|
536
517
|
|
|
537
518
|
.shadow {
|
|
538
519
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
539
520
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
540
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
|
|
521
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
541
522
|
}
|
|
542
523
|
|
|
543
524
|
.shadow-lg {
|
|
544
525
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
545
526
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
546
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
.shadow-xl {
|
|
550
|
-
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
551
|
-
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
552
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
|
|
527
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
553
528
|
}
|
|
554
529
|
|
|
555
530
|
.shadow-sm {
|
|
556
531
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
557
532
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
558
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
|
|
533
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
559
534
|
}
|
|
560
535
|
|
|
561
536
|
.blur {
|
|
562
537
|
--tw-blur: blur(8px);
|
|
563
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
538
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
564
539
|
}
|
|
565
540
|
|
|
566
541
|
.filter {
|
|
567
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
568
|
-
}
|
|
569
|
-
|
|
570
|
-
.backdrop-blur-lg {
|
|
571
|
-
--tw-backdrop-blur: blur(16px);
|
|
572
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
573
|
-
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
|
|
542
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
574
543
|
}
|
|
575
544
|
|
|
576
545
|
.transition-all {
|
|
577
546
|
transition-property: all;
|
|
578
547
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
579
|
-
transition-duration: 150ms
|
|
548
|
+
transition-duration: 150ms;
|
|
580
549
|
}
|
|
581
550
|
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
551
|
+
/* modal */
|
|
552
|
+
|
|
553
|
+
.modal {
|
|
554
|
+
position: relative;
|
|
555
|
+
box-shadow: var(--shadow-2), 0 0 0 100vw rgb(0 0 0 / 0.8);
|
|
556
|
+
background: #fff;
|
|
557
|
+
color: #222;
|
|
558
|
+
border: 0;
|
|
559
|
+
border-radius: 0.25rem;
|
|
560
|
+
--x: 0;
|
|
561
|
+
--y: 0;
|
|
562
|
+
--delay: 750ms;
|
|
563
|
+
--animation-timing-func: cubic-bezier(0.75, 0.7, 0, 1.02);
|
|
588
564
|
}
|
|
589
565
|
|
|
590
|
-
.
|
|
591
|
-
|
|
566
|
+
.modal > .close {
|
|
567
|
+
position: absolute;
|
|
568
|
+
right: 1rem;
|
|
569
|
+
top: 1rem;
|
|
570
|
+
cursor: pointer;
|
|
592
571
|
}
|
|
593
572
|
|
|
594
|
-
.
|
|
595
|
-
|
|
573
|
+
.modal::-webkit-backdrop {
|
|
574
|
+
opacity: 0;
|
|
575
|
+
isolation: isolate;
|
|
576
|
+
/* display: none; */
|
|
577
|
+
-webkit-transition: all 0s;
|
|
578
|
+
transition: all 0s;
|
|
596
579
|
}
|
|
597
580
|
|
|
598
|
-
.
|
|
599
|
-
|
|
581
|
+
.modal::backdrop {
|
|
582
|
+
opacity: 0;
|
|
583
|
+
isolation: isolate;
|
|
584
|
+
/* display: none; */
|
|
585
|
+
transition: all 0s;
|
|
600
586
|
}
|
|
601
587
|
|
|
602
|
-
.
|
|
603
|
-
|
|
604
|
-
|
|
588
|
+
.modal.backdrop::-webkit-backdrop {
|
|
589
|
+
opacity: 0;
|
|
590
|
+
display: initial;
|
|
591
|
+
-webkit-transition: all 0s;
|
|
592
|
+
transition: all 0s;
|
|
605
593
|
}
|
|
606
594
|
|
|
607
|
-
.
|
|
608
|
-
|
|
609
|
-
|
|
595
|
+
.modal.backdrop::backdrop {
|
|
596
|
+
opacity: 0;
|
|
597
|
+
display: initial;
|
|
598
|
+
transition: all 0s;
|
|
610
599
|
}
|
|
611
600
|
|
|
612
|
-
.
|
|
613
|
-
|
|
614
|
-
|
|
601
|
+
.modal[open] {
|
|
602
|
+
-webkit-animation:
|
|
603
|
+
fade-in var(--delay) forwards var(--animation-timing-func),
|
|
604
|
+
fly-in var(--delay) forwards var(--animation-timing-func);
|
|
605
|
+
animation:
|
|
606
|
+
fade-in var(--delay) forwards var(--animation-timing-func),
|
|
607
|
+
fly-in var(--delay) forwards var(--animation-timing-func);
|
|
608
|
+
pointer-events: auto;
|
|
609
|
+
visibility: visible;
|
|
615
610
|
}
|
|
616
611
|
|
|
617
|
-
.
|
|
618
|
-
|
|
612
|
+
.modal[closing] {
|
|
613
|
+
-webkit-animation:
|
|
614
|
+
fade-out var(--delay) forwards var(--animation-timing-func),
|
|
615
|
+
fly-out var(--delay) forwards var(--animation-timing-func);
|
|
616
|
+
animation:
|
|
617
|
+
fade-out var(--delay) forwards var(--animation-timing-func),
|
|
618
|
+
fly-out var(--delay) forwards var(--animation-timing-func);
|
|
619
|
+
display: block;
|
|
620
|
+
inset: 0;
|
|
621
|
+
pointer-events: none;
|
|
619
622
|
}
|
|
620
623
|
|
|
621
|
-
.
|
|
622
|
-
|
|
624
|
+
.modal[open]::-webkit-backdrop {
|
|
625
|
+
transform: none !important;
|
|
626
|
+
-webkit-animation: fade-in 500ms forwards;
|
|
627
|
+
animation: fade-in 500ms forwards;
|
|
623
628
|
}
|
|
624
629
|
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
630
|
+
.modal[open]::backdrop {
|
|
631
|
+
transform: none !important;
|
|
632
|
+
-webkit-animation: fade-in 500ms forwards;
|
|
633
|
+
animation: fade-in 500ms forwards;
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
.modal[closing]::-webkit-backdrop {
|
|
637
|
+
transform: none !important;
|
|
638
|
+
-webkit-animation: fade-out 500ms forwards;
|
|
639
|
+
animation: fade-out 500ms forwards;
|
|
640
|
+
}
|
|
641
|
+
|
|
642
|
+
.modal[closing]::backdrop {
|
|
643
|
+
transform: none !important;
|
|
644
|
+
-webkit-animation: fade-out 500ms forwards;
|
|
645
|
+
animation: fade-out 500ms forwards;
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
@-webkit-keyframes fade-in {
|
|
649
|
+
0% {
|
|
650
|
+
opacity: 0;
|
|
629
651
|
}
|
|
630
652
|
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
color: rgb(219 234 254 / var(--tw-text-opacity))
|
|
653
|
+
100% {
|
|
654
|
+
opacity: 1;
|
|
634
655
|
}
|
|
656
|
+
}
|
|
635
657
|
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
658
|
+
@keyframes fade-in {
|
|
659
|
+
0% {
|
|
660
|
+
opacity: 0;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
100% {
|
|
664
|
+
opacity: 1;
|
|
639
665
|
}
|
|
640
666
|
}
|
|
641
667
|
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
margin-bottom: 2rem
|
|
668
|
+
@-webkit-keyframes fade-out {
|
|
669
|
+
100% {
|
|
670
|
+
opacity: 0;
|
|
646
671
|
}
|
|
647
672
|
|
|
648
|
-
|
|
649
|
-
|
|
673
|
+
0% {
|
|
674
|
+
opacity: 1;
|
|
650
675
|
}
|
|
676
|
+
}
|
|
651
677
|
|
|
652
|
-
|
|
653
|
-
|
|
678
|
+
@keyframes fade-out {
|
|
679
|
+
100% {
|
|
680
|
+
opacity: 0;
|
|
654
681
|
}
|
|
655
682
|
|
|
656
|
-
|
|
657
|
-
|
|
683
|
+
0% {
|
|
684
|
+
opacity: 1;
|
|
658
685
|
}
|
|
686
|
+
}
|
|
659
687
|
|
|
660
|
-
|
|
661
|
-
|
|
688
|
+
@-webkit-keyframes fly-in {
|
|
689
|
+
0% {
|
|
690
|
+
transform: translate3d(var(--x), var(--y), -200px) scale(0.01)
|
|
691
|
+
perspective(6em);
|
|
662
692
|
}
|
|
663
693
|
|
|
664
|
-
|
|
665
|
-
|
|
694
|
+
100% {
|
|
695
|
+
transform: translate3d(0%, 0%, 0px) scale(1) perspective(1em);
|
|
666
696
|
}
|
|
697
|
+
}
|
|
667
698
|
|
|
668
|
-
|
|
669
|
-
|
|
699
|
+
@keyframes fly-in {
|
|
700
|
+
0% {
|
|
701
|
+
transform: translate3d(var(--x), var(--y), -200px) scale(0.01)
|
|
702
|
+
perspective(6em);
|
|
670
703
|
}
|
|
671
704
|
|
|
672
|
-
|
|
673
|
-
|
|
705
|
+
100% {
|
|
706
|
+
transform: translate3d(0%, 0%, 0px) scale(1) perspective(1em);
|
|
674
707
|
}
|
|
675
708
|
}
|
|
676
709
|
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
710
|
+
@-webkit-keyframes fly-out {
|
|
711
|
+
0% {
|
|
712
|
+
transform: translate3d(0%, 0%, 0px) scale(1) perspective(1em);
|
|
680
713
|
}
|
|
681
714
|
|
|
682
|
-
|
|
683
|
-
|
|
715
|
+
100% {
|
|
716
|
+
transform: translate3d(var(--x), var(--y), -200px) scale(0.01)
|
|
717
|
+
perspective(6em);
|
|
684
718
|
}
|
|
719
|
+
}
|
|
685
720
|
|
|
686
|
-
|
|
687
|
-
|
|
721
|
+
@keyframes fly-out {
|
|
722
|
+
0% {
|
|
723
|
+
transform: translate3d(0%, 0%, 0px) scale(1) perspective(1em);
|
|
688
724
|
}
|
|
689
725
|
|
|
690
|
-
|
|
691
|
-
--
|
|
692
|
-
|
|
726
|
+
100% {
|
|
727
|
+
transform: translate3d(var(--x), var(--y), -200px) scale(0.01)
|
|
728
|
+
perspective(6em);
|
|
693
729
|
}
|
|
730
|
+
}
|
|
694
731
|
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
732
|
+
.after\:content-\[\'\:\'\]::after {
|
|
733
|
+
--tw-content: ':';
|
|
734
|
+
content: var(--tw-content);
|
|
735
|
+
}
|
|
736
|
+
|
|
737
|
+
.even\:bg-white:nth-child(even) {
|
|
738
|
+
--tw-bg-opacity: 1;
|
|
739
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
740
|
+
}
|
|
741
|
+
|
|
742
|
+
.hover\:bg-gray-50:hover {
|
|
743
|
+
--tw-bg-opacity: 1;
|
|
744
|
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
.hover\:opacity-50:hover {
|
|
748
|
+
opacity: 0.5;
|
|
749
|
+
}
|
|
750
|
+
|
|
751
|
+
.focus\:z-20:focus {
|
|
752
|
+
z-index: 20;
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
@media (prefers-color-scheme: dark) {
|
|
756
|
+
.dark\:bg-blue-900 {
|
|
757
|
+
--tw-bg-opacity: 1;
|
|
758
|
+
background-color: rgb(30 58 138 / var(--tw-bg-opacity));
|
|
699
759
|
}
|
|
700
760
|
|
|
701
|
-
.
|
|
702
|
-
--tw-
|
|
703
|
-
--tw-
|
|
704
|
-
|
|
761
|
+
.dark\:text-blue-100 {
|
|
762
|
+
--tw-text-opacity: 1;
|
|
763
|
+
color: rgb(219 234 254 / var(--tw-text-opacity));
|
|
764
|
+
}
|
|
765
|
+
|
|
766
|
+
.dark\:shadow-slate-600 {
|
|
767
|
+
--tw-shadow-color: #475569;
|
|
768
|
+
--tw-shadow: var(--tw-shadow-colored);
|
|
769
|
+
}
|
|
770
|
+
}
|
|
771
|
+
|
|
772
|
+
@media (min-width: 768px) {
|
|
773
|
+
.md\:flex {
|
|
774
|
+
display: flex;
|
|
775
|
+
}
|
|
776
|
+
|
|
777
|
+
.md\:inline-flex {
|
|
778
|
+
display: inline-flex;
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
.md\:hidden {
|
|
782
|
+
display: none;
|
|
705
783
|
}
|
|
706
784
|
}
|
|
707
785
|
|
|
708
786
|
@media (min-width: 1024px) {
|
|
709
787
|
.lg\:inline-flex {
|
|
710
|
-
display: inline-flex
|
|
788
|
+
display: inline-flex;
|
|
711
789
|
}
|
|
712
790
|
}
|
|
713
|
-
|
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
(() => {
|
|
2
2
|
var import_lit = require("@gsmlg/lit");
|
|
3
|
+
window.addEventListener("modal:open", (evt) => {
|
|
4
|
+
const modal = evt.target;
|
|
5
|
+
if (modal.open) {
|
|
6
|
+
return;
|
|
7
|
+
}
|
|
8
|
+
const x = evt.pageX;
|
|
9
|
+
const y = evt.pageY;
|
|
10
|
+
modal.style.setProperty("--x", `calc(-50vw + ${x}px)`);
|
|
11
|
+
modal.style.setProperty("--y", `calc(-50vh + ${y}px)`);
|
|
12
|
+
modal.showModal();
|
|
13
|
+
modal.addEventListener("modal:close", (evt2) => {
|
|
14
|
+
modal.setAttribute("closing", "");
|
|
15
|
+
modal.addEventListener("animationend", () => {
|
|
16
|
+
modal.removeAttribute("closing");
|
|
17
|
+
modal.close();
|
|
18
|
+
}, { once: true });
|
|
19
|
+
}, {
|
|
20
|
+
once: true
|
|
21
|
+
});
|
|
22
|
+
});
|
|
3
23
|
const WebComponentHook = {
|
|
4
24
|
mounted() {
|
|
5
25
|
const attrs = this.el.attributes;
|