nuxt-glorious 2.0.0-develop-1 → 2.0.0-develop-3
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/dist/module.json +1 -1
- package/dist/module.mjs +1 -0
- package/dist/runtime/components/G/Modal.vue +1 -9
- package/dist/runtime/plugins/modalClose.d.ts +2 -0
- package/dist/runtime/plugins/modalClose.mjs +17 -0
- package/dist/runtime/scss/alert.css +33 -0
- package/dist/runtime/scss/avatar.css +57 -0
- package/dist/runtime/scss/breadcrumb.css +6 -0
- package/dist/runtime/scss/button.css +113 -0
- package/dist/runtime/scss/checkbox.css +94 -0
- package/dist/runtime/scss/drawer.css +56 -0
- package/dist/runtime/scss/file.css +134 -0
- package/dist/runtime/scss/glorious/alert.css +33 -0
- package/dist/runtime/scss/glorious/avatar.css +57 -0
- package/dist/runtime/scss/glorious/breadcrumb.css +6 -0
- package/dist/runtime/scss/glorious/button.css +113 -0
- package/dist/runtime/scss/glorious/checkbox.css +94 -0
- package/dist/runtime/scss/glorious/drawer.css +56 -0
- package/dist/runtime/scss/glorious/file.css +134 -0
- package/dist/runtime/scss/glorious/glorious.css +1334 -0
- package/dist/runtime/scss/glorious/input.css +184 -0
- package/dist/runtime/scss/glorious/loading.css +43 -0
- package/dist/runtime/scss/glorious/mixin.css +0 -0
- package/dist/runtime/scss/glorious/modal.css +69 -0
- package/dist/runtime/scss/glorious/paginate.css +32 -0
- package/dist/runtime/scss/glorious/radio.css +121 -0
- package/dist/{scss/rating.scss → runtime/scss/glorious/rating.css} +30 -29
- package/dist/runtime/scss/glorious/select.css +49 -0
- package/dist/runtime/scss/glorious/switch.css +61 -0
- package/dist/runtime/scss/glorious/tab.css +9 -0
- package/dist/runtime/scss/glorious/table.css +99 -0
- package/dist/runtime/scss/glorious/textarea.css +67 -0
- package/dist/runtime/scss/glorious/timeline.css +47 -0
- package/dist/runtime/scss/glorious/tooltip.css +9 -0
- package/dist/runtime/scss/glorious/variable.css +0 -0
- package/dist/runtime/scss/glorious.css +1334 -0
- package/dist/runtime/scss/input.css +184 -0
- package/dist/runtime/scss/loading.css +43 -0
- package/dist/runtime/scss/mixin.css +0 -0
- package/dist/runtime/scss/modal.css +69 -0
- package/dist/runtime/scss/paginate.css +32 -0
- package/dist/runtime/scss/radio.css +121 -0
- package/dist/runtime/scss/rating.css +30 -0
- package/dist/runtime/scss/select.css +49 -0
- package/dist/runtime/scss/switch.css +61 -0
- package/dist/runtime/scss/tab.css +9 -0
- package/dist/runtime/scss/table.css +99 -0
- package/dist/runtime/scss/textarea.css +67 -0
- package/dist/runtime/scss/timeline.css +47 -0
- package/dist/runtime/scss/tooltip.css +9 -0
- package/dist/runtime/scss/variable.css +0 -0
- package/dist/runtime/stores/GloriousStore.mjs +1 -0
- package/package.json +5 -3
- package/dist/runtime/plugins/module.d.ts +0 -4
- package/dist/runtime/plugins/module.mjs +0 -94
- package/dist/scss/alert.scss +0 -7
- package/dist/scss/avatar.scss +0 -13
- package/dist/scss/breadcrumb.scss +0 -6
- package/dist/scss/button.scss +0 -30
- package/dist/scss/checkbox.scss +0 -52
- package/dist/scss/drawer.scss +0 -64
- package/dist/scss/file.scss +0 -19
- package/dist/scss/glorious.scss +0 -26
- package/dist/scss/input.scss +0 -93
- package/dist/scss/loading.scss +0 -92
- package/dist/scss/mixin.scss +0 -40
- package/dist/scss/modal.scss +0 -76
- package/dist/scss/paginate.scss +0 -28
- package/dist/scss/radio.scss +0 -59
- package/dist/scss/select.scss +0 -44
- package/dist/scss/switch.scss +0 -74
- package/dist/scss/tab.scss +0 -11
- package/dist/scss/table.scss +0 -41
- package/dist/scss/textarea.scss +0 -47
- package/dist/scss/timeline.scss +0 -40
- package/dist/scss/tooltip.scss +0 -14
- package/dist/scss/variable.scss +0 -19
@@ -0,0 +1,1334 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
.glorious-alert {
|
3
|
+
@apply p-3 rounded-md shadow-md;
|
4
|
+
}
|
5
|
+
.glorious-alert.color-orange {
|
6
|
+
@apply bg-orange-100;
|
7
|
+
}
|
8
|
+
.glorious-alert.color-blue {
|
9
|
+
@apply bg-blue-100;
|
10
|
+
}
|
11
|
+
.glorious-alert.color-gray {
|
12
|
+
@apply bg-gray-100;
|
13
|
+
}
|
14
|
+
.glorious-alert.color-red {
|
15
|
+
@apply bg-red-100;
|
16
|
+
}
|
17
|
+
.glorious-alert.color-green {
|
18
|
+
@apply bg-green-100;
|
19
|
+
}
|
20
|
+
.glorious-alert.color-orange {
|
21
|
+
@apply border border-orange-300;
|
22
|
+
}
|
23
|
+
.glorious-alert.color-blue {
|
24
|
+
@apply border border-blue-300;
|
25
|
+
}
|
26
|
+
.glorious-alert.color-gray {
|
27
|
+
@apply border border-gray-300;
|
28
|
+
}
|
29
|
+
.glorious-alert.color-red {
|
30
|
+
@apply border border-red-300;
|
31
|
+
}
|
32
|
+
.glorious-alert.color-green {
|
33
|
+
@apply border border-green-300;
|
34
|
+
}
|
35
|
+
|
36
|
+
.glorious-avatar {
|
37
|
+
@apply overflow-hidden;
|
38
|
+
}
|
39
|
+
.glorious-avatar.size-5xl {
|
40
|
+
@apply w-[58px] h-[58px];
|
41
|
+
}
|
42
|
+
.glorious-avatar.size-5xl > img {
|
43
|
+
@apply w-[58px] h-[58px];
|
44
|
+
}
|
45
|
+
.glorious-avatar.size-4xl {
|
46
|
+
@apply w-[54px] h-[54px];
|
47
|
+
}
|
48
|
+
.glorious-avatar.size-4xl > img {
|
49
|
+
@apply w-[54px] h-[54px];
|
50
|
+
}
|
51
|
+
.glorious-avatar.size-3xl {
|
52
|
+
@apply w-[50px] h-[50px];
|
53
|
+
}
|
54
|
+
.glorious-avatar.size-3xl > img {
|
55
|
+
@apply w-[50px] h-[50px];
|
56
|
+
}
|
57
|
+
.glorious-avatar.size-2xl {
|
58
|
+
@apply w-[46px] h-[46px];
|
59
|
+
}
|
60
|
+
.glorious-avatar.size-2xl > img {
|
61
|
+
@apply w-[46px] h-[46px];
|
62
|
+
}
|
63
|
+
.glorious-avatar.size-xl {
|
64
|
+
@apply w-[42px] h-[42px];
|
65
|
+
}
|
66
|
+
.glorious-avatar.size-xl > img {
|
67
|
+
@apply w-[42px] h-[42px];
|
68
|
+
}
|
69
|
+
.glorious-avatar.size-lg {
|
70
|
+
@apply w-[36px] h-[36px];
|
71
|
+
}
|
72
|
+
.glorious-avatar.size-lg > img {
|
73
|
+
@apply w-[36px] h-[36px];
|
74
|
+
}
|
75
|
+
.glorious-avatar.size-md {
|
76
|
+
@apply w-[32px] h-[32px];
|
77
|
+
}
|
78
|
+
.glorious-avatar.size-md > img {
|
79
|
+
@apply w-[32px] h-[32px];
|
80
|
+
}
|
81
|
+
.glorious-avatar.size-sm {
|
82
|
+
@apply w-[28px] h-[28px];
|
83
|
+
}
|
84
|
+
.glorious-avatar.size-sm > img {
|
85
|
+
@apply w-[28px] h-[28px];
|
86
|
+
}
|
87
|
+
.glorious-avatar.size-xs {
|
88
|
+
@apply w-[24px] h-[24px];
|
89
|
+
}
|
90
|
+
.glorious-avatar.size-xs > img {
|
91
|
+
@apply w-[24px] h-[24px];
|
92
|
+
}
|
93
|
+
|
94
|
+
.glorious-breadcrumb {
|
95
|
+
@apply text-sm text-gray-500;
|
96
|
+
}
|
97
|
+
.glorious-breadcrumb .end-text {
|
98
|
+
@apply font-bold text-base text-black;
|
99
|
+
}
|
100
|
+
|
101
|
+
button:focus-visible {
|
102
|
+
@apply outline-none;
|
103
|
+
}
|
104
|
+
|
105
|
+
.glorious-button {
|
106
|
+
@apply rounded-md text-white px-3 relative;
|
107
|
+
}
|
108
|
+
.glorious-button div > loading {
|
109
|
+
@apply flex justify-center items-center;
|
110
|
+
}
|
111
|
+
.glorious-button div.loading > div > div {
|
112
|
+
@apply w-6;
|
113
|
+
}
|
114
|
+
.glorious-button.size-xl {
|
115
|
+
@apply py-2.5;
|
116
|
+
}
|
117
|
+
.glorious-button.size-lg {
|
118
|
+
@apply py-2;
|
119
|
+
}
|
120
|
+
.glorious-button.size-md {
|
121
|
+
@apply py-1.5;
|
122
|
+
}
|
123
|
+
.glorious-button.size-sm {
|
124
|
+
@apply py-1;
|
125
|
+
}
|
126
|
+
.glorious-button.size-xs {
|
127
|
+
@apply py-0.5;
|
128
|
+
}
|
129
|
+
|
130
|
+
.button-color-orange {
|
131
|
+
@apply bg-orange-600 border-orange-700 hover:bg-orange-700;
|
132
|
+
}
|
133
|
+
.button-color-orange.outline {
|
134
|
+
@apply bg-transparent border outline-none;
|
135
|
+
@apply text-orange-500 hover:bg-orange-100;
|
136
|
+
}
|
137
|
+
.button-color-orange.outline div.loading > div > div {
|
138
|
+
border-color: theme("colors.orange.700") !important;
|
139
|
+
}
|
140
|
+
.button-color-orange:disabled {
|
141
|
+
@apply cursor-not-allowed;
|
142
|
+
}
|
143
|
+
.button-color-orange:disabled:not(:disabled) {
|
144
|
+
@apply bg-orange-300;
|
145
|
+
}
|
146
|
+
|
147
|
+
.button-color-blue {
|
148
|
+
@apply bg-blue-600 border-blue-700 hover:bg-blue-700;
|
149
|
+
}
|
150
|
+
.button-color-blue.outline {
|
151
|
+
@apply bg-transparent border outline-none;
|
152
|
+
@apply text-blue-500 hover:bg-blue-100;
|
153
|
+
}
|
154
|
+
.button-color-blue.outline div.loading > div > div {
|
155
|
+
border-color: theme("colors.blue.700") !important;
|
156
|
+
}
|
157
|
+
.button-color-blue:disabled {
|
158
|
+
@apply cursor-not-allowed;
|
159
|
+
}
|
160
|
+
.button-color-blue:disabled:not(:disabled) {
|
161
|
+
@apply bg-blue-300;
|
162
|
+
}
|
163
|
+
|
164
|
+
.button-color-gray {
|
165
|
+
@apply bg-gray-600 border-gray-700 hover:bg-gray-700;
|
166
|
+
}
|
167
|
+
.button-color-gray.outline {
|
168
|
+
@apply bg-transparent border outline-none;
|
169
|
+
@apply text-gray-500 hover:bg-gray-100;
|
170
|
+
}
|
171
|
+
.button-color-gray.outline div.loading > div > div {
|
172
|
+
border-color: theme("colors.gray.700") !important;
|
173
|
+
}
|
174
|
+
.button-color-gray:disabled {
|
175
|
+
@apply cursor-not-allowed;
|
176
|
+
}
|
177
|
+
.button-color-gray:disabled:not(:disabled) {
|
178
|
+
@apply bg-gray-300;
|
179
|
+
}
|
180
|
+
|
181
|
+
.button-color-red {
|
182
|
+
@apply bg-red-600 border-red-700 hover:bg-red-700;
|
183
|
+
}
|
184
|
+
.button-color-red.outline {
|
185
|
+
@apply bg-transparent border outline-none;
|
186
|
+
@apply text-red-500 hover:bg-red-100;
|
187
|
+
}
|
188
|
+
.button-color-red.outline div.loading > div > div {
|
189
|
+
border-color: theme("colors.red.700") !important;
|
190
|
+
}
|
191
|
+
.button-color-red:disabled {
|
192
|
+
@apply cursor-not-allowed;
|
193
|
+
}
|
194
|
+
.button-color-red:disabled:not(:disabled) {
|
195
|
+
@apply bg-red-300;
|
196
|
+
}
|
197
|
+
|
198
|
+
.button-color-green {
|
199
|
+
@apply bg-green-600 border-green-700 hover:bg-green-700;
|
200
|
+
}
|
201
|
+
.button-color-green.outline {
|
202
|
+
@apply bg-transparent border outline-none;
|
203
|
+
@apply text-green-500 hover:bg-green-100;
|
204
|
+
}
|
205
|
+
.button-color-green.outline div.loading > div > div {
|
206
|
+
border-color: theme("colors.green.700") !important;
|
207
|
+
}
|
208
|
+
.button-color-green:disabled {
|
209
|
+
@apply cursor-not-allowed;
|
210
|
+
}
|
211
|
+
.button-color-green:disabled:not(:disabled) {
|
212
|
+
@apply bg-green-300;
|
213
|
+
}
|
214
|
+
|
215
|
+
.glorious-checkbox {
|
216
|
+
@apply block relative cursor-pointer;
|
217
|
+
}
|
218
|
+
.glorious-checkbox > input {
|
219
|
+
@apply hidden;
|
220
|
+
}
|
221
|
+
.glorious-checkbox > input:checked ~ div {
|
222
|
+
@apply border-none;
|
223
|
+
}
|
224
|
+
.glorious-checkbox > input:checked ~ div:after {
|
225
|
+
@apply block h-max w-max;
|
226
|
+
}
|
227
|
+
.glorious-checkbox > input:disabled ~ div {
|
228
|
+
@apply cursor-not-allowed;
|
229
|
+
}
|
230
|
+
.glorious-checkbox > div:last-child {
|
231
|
+
@apply border border-gray-500 rounded bg-white left-0 top-0 absolute hover:shadow-lg;
|
232
|
+
}
|
233
|
+
.glorious-checkbox > div:last-child > div:first-child {
|
234
|
+
@apply hidden;
|
235
|
+
}
|
236
|
+
.glorious-checkbox > div:last-child:after {
|
237
|
+
content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNIDI4LjI4MTI1IDYuMjgxMjUgTCAxMSAyMy41NjI1IEwgMy43MTg3NSAxNi4yODEyNSBMIDIuMjgxMjUgMTcuNzE4NzUgTCAxMC4yODEyNSAyNS43MTg3NSBMIDExIDI2LjQwNjI1IEwgMTEuNzE4NzUgMjUuNzE4NzUgTCAyOS43MTg3NSA3LjcxODc1IFoiLz48L3N2Zz4K);
|
238
|
+
@apply absolute hidden top-1 right-0 left-0 bottom-0 m-auto;
|
239
|
+
}
|
240
|
+
.glorious-checkbox.color-orange > input:checked ~ div {
|
241
|
+
@apply bg-orange-500;
|
242
|
+
}
|
243
|
+
.glorious-checkbox.color-blue > input:checked ~ div {
|
244
|
+
@apply bg-blue-500;
|
245
|
+
}
|
246
|
+
.glorious-checkbox.color-gray > input:checked ~ div {
|
247
|
+
@apply bg-gray-500;
|
248
|
+
}
|
249
|
+
.glorious-checkbox.color-red > input:checked ~ div {
|
250
|
+
@apply bg-red-500;
|
251
|
+
}
|
252
|
+
.glorious-checkbox.color-green > input:checked ~ div {
|
253
|
+
@apply bg-green-500;
|
254
|
+
}
|
255
|
+
.glorious-checkbox.size-5xl {
|
256
|
+
@apply w-[54px] h-[54px];
|
257
|
+
}
|
258
|
+
.glorious-checkbox.size-5xl > div:last-child {
|
259
|
+
@apply w-[54px] h-[54px];
|
260
|
+
}
|
261
|
+
.glorious-checkbox.size-4xl {
|
262
|
+
@apply w-[50px] h-[50px];
|
263
|
+
}
|
264
|
+
.glorious-checkbox.size-4xl > div:last-child {
|
265
|
+
@apply w-[50px] h-[50px];
|
266
|
+
}
|
267
|
+
.glorious-checkbox.size-3xl {
|
268
|
+
@apply w-[46px] h-[46px];
|
269
|
+
}
|
270
|
+
.glorious-checkbox.size-3xl > div:last-child {
|
271
|
+
@apply w-[46px] h-[46px];
|
272
|
+
}
|
273
|
+
.glorious-checkbox.size-2xl {
|
274
|
+
@apply w-[42px] h-[42px];
|
275
|
+
}
|
276
|
+
.glorious-checkbox.size-2xl > div:last-child {
|
277
|
+
@apply w-[42px] h-[42px];
|
278
|
+
}
|
279
|
+
.glorious-checkbox.size-xl {
|
280
|
+
@apply w-[38px] h-[38px];
|
281
|
+
}
|
282
|
+
.glorious-checkbox.size-xl > div:last-child {
|
283
|
+
@apply w-[38px] h-[38px];
|
284
|
+
}
|
285
|
+
.glorious-checkbox.size-lg {
|
286
|
+
@apply w-[32px] h-[32px];
|
287
|
+
}
|
288
|
+
.glorious-checkbox.size-lg > div:last-child {
|
289
|
+
@apply w-[32px] h-[32px];
|
290
|
+
}
|
291
|
+
.glorious-checkbox.size-md {
|
292
|
+
@apply w-[28px] h-[28px];
|
293
|
+
}
|
294
|
+
.glorious-checkbox.size-md > div:last-child {
|
295
|
+
@apply w-[28px] h-[28px];
|
296
|
+
}
|
297
|
+
.glorious-checkbox.size-sm {
|
298
|
+
@apply w-[24px] h-[24px];
|
299
|
+
}
|
300
|
+
.glorious-checkbox.size-sm > div:last-child {
|
301
|
+
@apply w-[24px] h-[24px];
|
302
|
+
}
|
303
|
+
.glorious-checkbox.size-xs {
|
304
|
+
@apply w-[20px] h-[20px];
|
305
|
+
}
|
306
|
+
.glorious-checkbox.size-xs > div:last-child {
|
307
|
+
@apply w-[20px] h-[20px];
|
308
|
+
}
|
309
|
+
|
310
|
+
.glorious-drawer {
|
311
|
+
@apply fixed top-0 bg-white h-full w-[300px] z-[50];
|
312
|
+
}
|
313
|
+
.glorious-drawer > div {
|
314
|
+
@apply bg-white min-h-screen;
|
315
|
+
}
|
316
|
+
.glorious-drawer.close.right {
|
317
|
+
animation: drawer-close-right 250ms normal forwards;
|
318
|
+
}
|
319
|
+
.glorious-drawer.close.left {
|
320
|
+
animation: drawer-close-left 250ms normal forwards;
|
321
|
+
}
|
322
|
+
.glorious-drawer.open {
|
323
|
+
@apply flex;
|
324
|
+
}
|
325
|
+
.glorious-drawer.open.right {
|
326
|
+
animation: drawer-open-right 100ms normal forwards;
|
327
|
+
}
|
328
|
+
.glorious-drawer.open.left {
|
329
|
+
animation: drawer-open-left 100ms normal forwards;
|
330
|
+
}
|
331
|
+
|
332
|
+
@keyframes drawer-open-right {
|
333
|
+
from {
|
334
|
+
right: -300px;
|
335
|
+
}
|
336
|
+
to {
|
337
|
+
right: 0;
|
338
|
+
}
|
339
|
+
}
|
340
|
+
@keyframes drawer-close-right {
|
341
|
+
from {
|
342
|
+
right: 0;
|
343
|
+
}
|
344
|
+
to {
|
345
|
+
right: 300px;
|
346
|
+
display: hidden;
|
347
|
+
}
|
348
|
+
}
|
349
|
+
@keyframes drawer-open-left {
|
350
|
+
from {
|
351
|
+
left: -300px;
|
352
|
+
}
|
353
|
+
to {
|
354
|
+
left: 0;
|
355
|
+
}
|
356
|
+
}
|
357
|
+
@keyframes drawer-close-left {
|
358
|
+
from {
|
359
|
+
left: 0;
|
360
|
+
}
|
361
|
+
to {
|
362
|
+
left: -300px;
|
363
|
+
display: hidden;
|
364
|
+
}
|
365
|
+
}
|
366
|
+
.glorious-file-orange {
|
367
|
+
@apply ring-orange-500;
|
368
|
+
@apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
|
369
|
+
}
|
370
|
+
.glorious-file-orange > div.placeholder {
|
371
|
+
@apply bg-orange-500;
|
372
|
+
@apply text-white px-3 w-max;
|
373
|
+
}
|
374
|
+
.glorious-file-orange > div.placeholder.size-xl {
|
375
|
+
@apply py-2.5;
|
376
|
+
}
|
377
|
+
.glorious-file-orange > div.placeholder.size-lg {
|
378
|
+
@apply py-2;
|
379
|
+
}
|
380
|
+
.glorious-file-orange > div.placeholder.size-md {
|
381
|
+
@apply py-1.5;
|
382
|
+
}
|
383
|
+
.glorious-file-orange > div.placeholder.size-sm {
|
384
|
+
@apply py-1;
|
385
|
+
}
|
386
|
+
.glorious-file-orange > div.placeholder.size-xs {
|
387
|
+
@apply py-0.5;
|
388
|
+
}
|
389
|
+
.glorious-file-orange > div:last-child {
|
390
|
+
@apply absolute left-3 hidden;
|
391
|
+
}
|
392
|
+
|
393
|
+
.glorious-file-blue {
|
394
|
+
@apply ring-blue-500;
|
395
|
+
@apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
|
396
|
+
}
|
397
|
+
.glorious-file-blue > div.placeholder {
|
398
|
+
@apply bg-blue-500;
|
399
|
+
@apply text-white px-3 w-max;
|
400
|
+
}
|
401
|
+
.glorious-file-blue > div.placeholder.size-xl {
|
402
|
+
@apply py-2.5;
|
403
|
+
}
|
404
|
+
.glorious-file-blue > div.placeholder.size-lg {
|
405
|
+
@apply py-2;
|
406
|
+
}
|
407
|
+
.glorious-file-blue > div.placeholder.size-md {
|
408
|
+
@apply py-1.5;
|
409
|
+
}
|
410
|
+
.glorious-file-blue > div.placeholder.size-sm {
|
411
|
+
@apply py-1;
|
412
|
+
}
|
413
|
+
.glorious-file-blue > div.placeholder.size-xs {
|
414
|
+
@apply py-0.5;
|
415
|
+
}
|
416
|
+
.glorious-file-blue > div:last-child {
|
417
|
+
@apply absolute left-3 hidden;
|
418
|
+
}
|
419
|
+
|
420
|
+
.glorious-file-gray {
|
421
|
+
@apply ring-gray-500;
|
422
|
+
@apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
|
423
|
+
}
|
424
|
+
.glorious-file-gray > div.placeholder {
|
425
|
+
@apply bg-gray-500;
|
426
|
+
@apply text-white px-3 w-max;
|
427
|
+
}
|
428
|
+
.glorious-file-gray > div.placeholder.size-xl {
|
429
|
+
@apply py-2.5;
|
430
|
+
}
|
431
|
+
.glorious-file-gray > div.placeholder.size-lg {
|
432
|
+
@apply py-2;
|
433
|
+
}
|
434
|
+
.glorious-file-gray > div.placeholder.size-md {
|
435
|
+
@apply py-1.5;
|
436
|
+
}
|
437
|
+
.glorious-file-gray > div.placeholder.size-sm {
|
438
|
+
@apply py-1;
|
439
|
+
}
|
440
|
+
.glorious-file-gray > div.placeholder.size-xs {
|
441
|
+
@apply py-0.5;
|
442
|
+
}
|
443
|
+
.glorious-file-gray > div:last-child {
|
444
|
+
@apply absolute left-3 hidden;
|
445
|
+
}
|
446
|
+
|
447
|
+
.glorious-file-red {
|
448
|
+
@apply ring-red-500;
|
449
|
+
@apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
|
450
|
+
}
|
451
|
+
.glorious-file-red > div.placeholder {
|
452
|
+
@apply bg-red-500;
|
453
|
+
@apply text-white px-3 w-max;
|
454
|
+
}
|
455
|
+
.glorious-file-red > div.placeholder.size-xl {
|
456
|
+
@apply py-2.5;
|
457
|
+
}
|
458
|
+
.glorious-file-red > div.placeholder.size-lg {
|
459
|
+
@apply py-2;
|
460
|
+
}
|
461
|
+
.glorious-file-red > div.placeholder.size-md {
|
462
|
+
@apply py-1.5;
|
463
|
+
}
|
464
|
+
.glorious-file-red > div.placeholder.size-sm {
|
465
|
+
@apply py-1;
|
466
|
+
}
|
467
|
+
.glorious-file-red > div.placeholder.size-xs {
|
468
|
+
@apply py-0.5;
|
469
|
+
}
|
470
|
+
.glorious-file-red > div:last-child {
|
471
|
+
@apply absolute left-3 hidden;
|
472
|
+
}
|
473
|
+
|
474
|
+
.glorious-file-green {
|
475
|
+
@apply ring-green-500;
|
476
|
+
@apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
|
477
|
+
}
|
478
|
+
.glorious-file-green > div.placeholder {
|
479
|
+
@apply bg-green-500;
|
480
|
+
@apply text-white px-3 w-max;
|
481
|
+
}
|
482
|
+
.glorious-file-green > div.placeholder.size-xl {
|
483
|
+
@apply py-2.5;
|
484
|
+
}
|
485
|
+
.glorious-file-green > div.placeholder.size-lg {
|
486
|
+
@apply py-2;
|
487
|
+
}
|
488
|
+
.glorious-file-green > div.placeholder.size-md {
|
489
|
+
@apply py-1.5;
|
490
|
+
}
|
491
|
+
.glorious-file-green > div.placeholder.size-sm {
|
492
|
+
@apply py-1;
|
493
|
+
}
|
494
|
+
.glorious-file-green > div.placeholder.size-xs {
|
495
|
+
@apply py-0.5;
|
496
|
+
}
|
497
|
+
.glorious-file-green > div:last-child {
|
498
|
+
@apply absolute left-3 hidden;
|
499
|
+
}
|
500
|
+
|
501
|
+
.glorious-input-orange {
|
502
|
+
@apply ring-orange-500;
|
503
|
+
@apply rounded-md ring-1 bg-white;
|
504
|
+
}
|
505
|
+
.glorious-input-orange.size-xl {
|
506
|
+
@apply py-2.5;
|
507
|
+
}
|
508
|
+
.glorious-input-orange.size-lg {
|
509
|
+
@apply py-2;
|
510
|
+
}
|
511
|
+
.glorious-input-orange.size-md {
|
512
|
+
@apply py-1.5;
|
513
|
+
}
|
514
|
+
.glorious-input-orange.size-sm {
|
515
|
+
@apply py-1;
|
516
|
+
}
|
517
|
+
.glorious-input-orange.size-xs {
|
518
|
+
@apply py-0.5;
|
519
|
+
}
|
520
|
+
.glorious-input-orange:focus-visible {
|
521
|
+
@apply outline-none ring-2;
|
522
|
+
}
|
523
|
+
.glorious-input-orange:disabled {
|
524
|
+
@apply bg-orange-100;
|
525
|
+
@apply cursor-not-allowed;
|
526
|
+
}
|
527
|
+
|
528
|
+
.glorious-input-blue {
|
529
|
+
@apply ring-blue-500;
|
530
|
+
@apply rounded-md ring-1 bg-white;
|
531
|
+
}
|
532
|
+
.glorious-input-blue.size-xl {
|
533
|
+
@apply py-2.5;
|
534
|
+
}
|
535
|
+
.glorious-input-blue.size-lg {
|
536
|
+
@apply py-2;
|
537
|
+
}
|
538
|
+
.glorious-input-blue.size-md {
|
539
|
+
@apply py-1.5;
|
540
|
+
}
|
541
|
+
.glorious-input-blue.size-sm {
|
542
|
+
@apply py-1;
|
543
|
+
}
|
544
|
+
.glorious-input-blue.size-xs {
|
545
|
+
@apply py-0.5;
|
546
|
+
}
|
547
|
+
.glorious-input-blue:focus-visible {
|
548
|
+
@apply outline-none ring-2;
|
549
|
+
}
|
550
|
+
.glorious-input-blue:disabled {
|
551
|
+
@apply bg-blue-100;
|
552
|
+
@apply cursor-not-allowed;
|
553
|
+
}
|
554
|
+
|
555
|
+
.glorious-input-gray {
|
556
|
+
@apply ring-gray-500;
|
557
|
+
@apply rounded-md ring-1 bg-white;
|
558
|
+
}
|
559
|
+
.glorious-input-gray.size-xl {
|
560
|
+
@apply py-2.5;
|
561
|
+
}
|
562
|
+
.glorious-input-gray.size-lg {
|
563
|
+
@apply py-2;
|
564
|
+
}
|
565
|
+
.glorious-input-gray.size-md {
|
566
|
+
@apply py-1.5;
|
567
|
+
}
|
568
|
+
.glorious-input-gray.size-sm {
|
569
|
+
@apply py-1;
|
570
|
+
}
|
571
|
+
.glorious-input-gray.size-xs {
|
572
|
+
@apply py-0.5;
|
573
|
+
}
|
574
|
+
.glorious-input-gray:focus-visible {
|
575
|
+
@apply outline-none ring-2;
|
576
|
+
}
|
577
|
+
.glorious-input-gray:disabled {
|
578
|
+
@apply bg-gray-100;
|
579
|
+
@apply cursor-not-allowed;
|
580
|
+
}
|
581
|
+
|
582
|
+
.glorious-input-red {
|
583
|
+
@apply ring-red-500;
|
584
|
+
@apply rounded-md ring-1 bg-white;
|
585
|
+
}
|
586
|
+
.glorious-input-red.size-xl {
|
587
|
+
@apply py-2.5;
|
588
|
+
}
|
589
|
+
.glorious-input-red.size-lg {
|
590
|
+
@apply py-2;
|
591
|
+
}
|
592
|
+
.glorious-input-red.size-md {
|
593
|
+
@apply py-1.5;
|
594
|
+
}
|
595
|
+
.glorious-input-red.size-sm {
|
596
|
+
@apply py-1;
|
597
|
+
}
|
598
|
+
.glorious-input-red.size-xs {
|
599
|
+
@apply py-0.5;
|
600
|
+
}
|
601
|
+
.glorious-input-red:focus-visible {
|
602
|
+
@apply outline-none ring-2;
|
603
|
+
}
|
604
|
+
.glorious-input-red:disabled {
|
605
|
+
@apply bg-red-100;
|
606
|
+
@apply cursor-not-allowed;
|
607
|
+
}
|
608
|
+
|
609
|
+
.glorious-input-green {
|
610
|
+
@apply ring-green-500;
|
611
|
+
@apply rounded-md ring-1 bg-white;
|
612
|
+
}
|
613
|
+
.glorious-input-green.size-xl {
|
614
|
+
@apply py-2.5;
|
615
|
+
}
|
616
|
+
.glorious-input-green.size-lg {
|
617
|
+
@apply py-2;
|
618
|
+
}
|
619
|
+
.glorious-input-green.size-md {
|
620
|
+
@apply py-1.5;
|
621
|
+
}
|
622
|
+
.glorious-input-green.size-sm {
|
623
|
+
@apply py-1;
|
624
|
+
}
|
625
|
+
.glorious-input-green.size-xs {
|
626
|
+
@apply py-0.5;
|
627
|
+
}
|
628
|
+
.glorious-input-green:focus-visible {
|
629
|
+
@apply outline-none ring-2;
|
630
|
+
}
|
631
|
+
.glorious-input-green:disabled {
|
632
|
+
@apply bg-green-100;
|
633
|
+
@apply cursor-not-allowed;
|
634
|
+
}
|
635
|
+
|
636
|
+
.glorious-input {
|
637
|
+
@apply relative w-full;
|
638
|
+
}
|
639
|
+
.glorious-input.validation-error > div > input {
|
640
|
+
@apply ring-red-500 bg-red-50;
|
641
|
+
}
|
642
|
+
.glorious-input > input {
|
643
|
+
@apply w-full;
|
644
|
+
}
|
645
|
+
.glorious-input > input::placeholder {
|
646
|
+
@apply text-sm;
|
647
|
+
}
|
648
|
+
.glorious-input.icon-xl > input {
|
649
|
+
@apply rtl:pr-9 ltr:pl-9;
|
650
|
+
}
|
651
|
+
.glorious-input.icon-lg > input {
|
652
|
+
@apply rtl:pr-9 ltr:pl-8;
|
653
|
+
}
|
654
|
+
.glorious-input.icon-md > input {
|
655
|
+
@apply rtl:pr-9 ltr:pl-8;
|
656
|
+
}
|
657
|
+
.glorious-input.icon-sm > input {
|
658
|
+
@apply rtl:pr-8 ltr:pl-8;
|
659
|
+
}
|
660
|
+
.glorious-input.icon-xsm > input {
|
661
|
+
@apply rtl:pr-8 ltr:pl-7;
|
662
|
+
}
|
663
|
+
|
664
|
+
.glorious-input-icon {
|
665
|
+
@apply absolute h-max top-0 bottom-0 my-auto rtl:right-1 ltr:left-1;
|
666
|
+
}
|
667
|
+
|
668
|
+
/* ----------------------------------------------- TAG */
|
669
|
+
.glorious-input-tag {
|
670
|
+
@apply mt-3 gap-2 flex flex-wrap;
|
671
|
+
}
|
672
|
+
.glorious-input-tag > div {
|
673
|
+
@apply bg-green-500 px-1 rounded text-white flex items-center gap-2 cursor-pointer;
|
674
|
+
}
|
675
|
+
|
676
|
+
.glorious-input-options {
|
677
|
+
@apply p-1 shadow-lg absolute w-full bg-white rounded border-gray-200 border max-h-[200px] overflow-y-auto z-40;
|
678
|
+
}
|
679
|
+
.glorious-input-options > div > div {
|
680
|
+
@apply p-2 hover:bg-gray-100 cursor-pointer rounded;
|
681
|
+
}
|
682
|
+
.glorious-input div > input::placeholder {
|
683
|
+
@apply text-gray-500;
|
684
|
+
}
|
685
|
+
|
686
|
+
.glorious-loading {
|
687
|
+
aspect-ratio: 1;
|
688
|
+
border-radius: 50%;
|
689
|
+
animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
|
690
|
+
}
|
691
|
+
|
692
|
+
@keyframes l20-1 {
|
693
|
+
0% {
|
694
|
+
clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
|
695
|
+
}
|
696
|
+
12.5% {
|
697
|
+
clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
|
698
|
+
}
|
699
|
+
25% {
|
700
|
+
clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
|
701
|
+
}
|
702
|
+
50% {
|
703
|
+
clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
|
704
|
+
}
|
705
|
+
62.5% {
|
706
|
+
clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
|
707
|
+
}
|
708
|
+
75% {
|
709
|
+
clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
|
710
|
+
}
|
711
|
+
100% {
|
712
|
+
clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
|
713
|
+
}
|
714
|
+
}
|
715
|
+
@keyframes l20-2 {
|
716
|
+
0% {
|
717
|
+
transform: scaleY(1) rotate(0deg);
|
718
|
+
}
|
719
|
+
49.99% {
|
720
|
+
transform: scaleY(1) rotate(135deg);
|
721
|
+
}
|
722
|
+
50% {
|
723
|
+
transform: scaleY(-1) rotate(0deg);
|
724
|
+
}
|
725
|
+
100% {
|
726
|
+
transform: scaleY(-1) rotate(-135deg);
|
727
|
+
}
|
728
|
+
}
|
729
|
+
.glorious-scaffold-modal {
|
730
|
+
@apply fixed bg-white md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
|
731
|
+
}
|
732
|
+
.glorious-scaffold-modal .close-modal-btn {
|
733
|
+
@apply flex justify-center items-center w-6 h-6;
|
734
|
+
}
|
735
|
+
.glorious-scaffold-modal-header {
|
736
|
+
@apply flex justify-between items-center;
|
737
|
+
}
|
738
|
+
.glorious-scaffold-modal-footer {
|
739
|
+
@apply flex justify-center gap-3 mt-3;
|
740
|
+
}
|
741
|
+
.glorious-scaffold-modal-footer > button {
|
742
|
+
@apply min-w-24;
|
743
|
+
}
|
744
|
+
.glorious-scaffold-modal-bg-blur {
|
745
|
+
@apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 opacity-50 h-full w-full z-[40];
|
746
|
+
}
|
747
|
+
.glorious-scaffold-modal.size-full {
|
748
|
+
@apply w-full h-full top-0 rounded-none;
|
749
|
+
}
|
750
|
+
.glorious-scaffold-modal.size-xl {
|
751
|
+
@apply md:w-[70%] w-full md:h-max max-h-[calc(100%-15%)];
|
752
|
+
}
|
753
|
+
.glorious-scaffold-modal.size-lg {
|
754
|
+
@apply md:w-[60%] w-full md:h-max max-h-[calc(100%-15%)];
|
755
|
+
}
|
756
|
+
.glorious-scaffold-modal.size-md {
|
757
|
+
@apply md:w-[50%] w-full md:h-max max-h-[calc(100%-15%)];
|
758
|
+
}
|
759
|
+
.glorious-scaffold-modal.size-sm {
|
760
|
+
@apply lg:w-[25%] md:w-[35%] w-full md:h-max max-h-[calc(100%-15%)];
|
761
|
+
}
|
762
|
+
.glorious-scaffold-modal.close {
|
763
|
+
@apply hidden;
|
764
|
+
}
|
765
|
+
.glorious-scaffold-modal.open.animation {
|
766
|
+
animation: animationMobile 0.3s normal forwards;
|
767
|
+
}
|
768
|
+
@screen md {
|
769
|
+
.glorious-scaffold-modal.open.animation {
|
770
|
+
animation: animationOpacity 0.3s normal forwards;
|
771
|
+
}
|
772
|
+
}
|
773
|
+
@keyframes animationOpacity {
|
774
|
+
0% {
|
775
|
+
transform: scale(0.1);
|
776
|
+
opacity: 0;
|
777
|
+
}
|
778
|
+
99% {
|
779
|
+
transform: scale(1);
|
780
|
+
opacity: 1;
|
781
|
+
}
|
782
|
+
100% {
|
783
|
+
transform: unset;
|
784
|
+
opacity: 1;
|
785
|
+
}
|
786
|
+
}
|
787
|
+
@keyframes animationMobile {
|
788
|
+
0% {
|
789
|
+
transform: translateY(100%);
|
790
|
+
}
|
791
|
+
99% {
|
792
|
+
transform: translateY(0);
|
793
|
+
}
|
794
|
+
100% {
|
795
|
+
transform: translateY(0);
|
796
|
+
}
|
797
|
+
}
|
798
|
+
|
799
|
+
.glorious-paginate > div {
|
800
|
+
@apply border border-gray-50 rounded-xl h-8 flex items-center px-1 bg-white shadow-md gap-1 w-max;
|
801
|
+
direction: rtl;
|
802
|
+
}
|
803
|
+
.glorious-paginate > div > div {
|
804
|
+
@apply px-2;
|
805
|
+
}
|
806
|
+
.glorious-paginate > div > div:last-child {
|
807
|
+
@apply rotate-[180deg];
|
808
|
+
}
|
809
|
+
.glorious-paginate.color-orange .paginate.active {
|
810
|
+
@apply bg-orange-500;
|
811
|
+
}
|
812
|
+
.glorious-paginate.color-blue .paginate.active {
|
813
|
+
@apply bg-blue-500;
|
814
|
+
}
|
815
|
+
.glorious-paginate.color-gray .paginate.active {
|
816
|
+
@apply bg-gray-500;
|
817
|
+
}
|
818
|
+
.glorious-paginate.color-red .paginate.active {
|
819
|
+
@apply bg-red-500;
|
820
|
+
}
|
821
|
+
.glorious-paginate.color-green .paginate.active {
|
822
|
+
@apply bg-green-500;
|
823
|
+
}
|
824
|
+
|
825
|
+
.paginate {
|
826
|
+
@apply text-[13px];
|
827
|
+
}
|
828
|
+
.paginate.active {
|
829
|
+
@apply bg-green-500 rounded-lg text-white font-bold text-[13px];
|
830
|
+
}
|
831
|
+
|
832
|
+
.glorious-radio {
|
833
|
+
@apply block relative cursor-pointer;
|
834
|
+
}
|
835
|
+
.glorious-radio > input {
|
836
|
+
@apply hidden;
|
837
|
+
}
|
838
|
+
.glorious-radio > input:checked ~ div {
|
839
|
+
@apply border-none;
|
840
|
+
}
|
841
|
+
.glorious-radio > input:checked ~ div:after {
|
842
|
+
content: "";
|
843
|
+
@apply block w-1 h-1 bg-white rounded-full;
|
844
|
+
}
|
845
|
+
.glorious-radio > input:disabled ~ div {
|
846
|
+
@apply cursor-not-allowed;
|
847
|
+
}
|
848
|
+
.glorious-radio > div:last-child {
|
849
|
+
@apply border border-gray-500 rounded-full bg-white left-0 top-0 absolute hover:shadow-lg;
|
850
|
+
}
|
851
|
+
.glorious-radio > div:last-child > div:first-child {
|
852
|
+
@apply hidden;
|
853
|
+
}
|
854
|
+
.glorious-radio > div:last-child:after {
|
855
|
+
@apply absolute hidden right-0 top-0 left-0 bottom-0 m-auto w-10 h-10 bg-white rounded-full;
|
856
|
+
}
|
857
|
+
.glorious-radio.orange > input:checked ~ div {
|
858
|
+
@apply bg-orange-500;
|
859
|
+
}
|
860
|
+
.glorious-radio.blue > input:checked ~ div {
|
861
|
+
@apply bg-blue-500;
|
862
|
+
}
|
863
|
+
.glorious-radio.gray > input:checked ~ div {
|
864
|
+
@apply bg-gray-500;
|
865
|
+
}
|
866
|
+
.glorious-radio.red > input:checked ~ div {
|
867
|
+
@apply bg-red-500;
|
868
|
+
}
|
869
|
+
.glorious-radio.green > input:checked ~ div {
|
870
|
+
@apply bg-green-500;
|
871
|
+
}
|
872
|
+
.glorious-radio.size-5xl {
|
873
|
+
@apply w-[40px] h-[40px];
|
874
|
+
}
|
875
|
+
.glorious-radio.size-5xl > div:last-child {
|
876
|
+
@apply w-[40px] h-[40px];
|
877
|
+
}
|
878
|
+
.glorious-radio.size-5xl > input:checked ~ div:after {
|
879
|
+
@apply w-[30px] h-[30px];
|
880
|
+
}
|
881
|
+
.glorious-radio.size-4xl {
|
882
|
+
@apply w-[36px] h-[36px];
|
883
|
+
}
|
884
|
+
.glorious-radio.size-4xl > div:last-child {
|
885
|
+
@apply w-[36px] h-[36px];
|
886
|
+
}
|
887
|
+
.glorious-radio.size-4xl > input:checked ~ div:after {
|
888
|
+
@apply w-[26px] h-[26px];
|
889
|
+
}
|
890
|
+
.glorious-radio.size-3xl {
|
891
|
+
@apply w-[32px] h-[32px];
|
892
|
+
}
|
893
|
+
.glorious-radio.size-3xl > div:last-child {
|
894
|
+
@apply w-[32px] h-[32px];
|
895
|
+
}
|
896
|
+
.glorious-radio.size-3xl > input:checked ~ div:after {
|
897
|
+
@apply w-[22px] h-[22px];
|
898
|
+
}
|
899
|
+
.glorious-radio.size-2xl {
|
900
|
+
@apply w-[28px] h-[28px];
|
901
|
+
}
|
902
|
+
.glorious-radio.size-2xl > div:last-child {
|
903
|
+
@apply w-[28px] h-[28px];
|
904
|
+
}
|
905
|
+
.glorious-radio.size-2xl > input:checked ~ div:after {
|
906
|
+
@apply w-[18px] h-[18px];
|
907
|
+
}
|
908
|
+
.glorious-radio.size-xl {
|
909
|
+
@apply w-[24px] h-[24px];
|
910
|
+
}
|
911
|
+
.glorious-radio.size-xl > div:last-child {
|
912
|
+
@apply w-[24px] h-[24px];
|
913
|
+
}
|
914
|
+
.glorious-radio.size-xl > input:checked ~ div:after {
|
915
|
+
@apply w-[14px] h-[14px];
|
916
|
+
}
|
917
|
+
.glorious-radio.size-lg {
|
918
|
+
@apply w-[18px] h-[18px];
|
919
|
+
}
|
920
|
+
.glorious-radio.size-lg > div:last-child {
|
921
|
+
@apply w-[18px] h-[18px];
|
922
|
+
}
|
923
|
+
.glorious-radio.size-lg > input:checked ~ div:after {
|
924
|
+
@apply w-[8px] h-[8px];
|
925
|
+
}
|
926
|
+
.glorious-radio.size-md {
|
927
|
+
@apply w-[14px] h-[14px];
|
928
|
+
}
|
929
|
+
.glorious-radio.size-md > div:last-child {
|
930
|
+
@apply w-[14px] h-[14px];
|
931
|
+
}
|
932
|
+
.glorious-radio.size-md > input:checked ~ div:after {
|
933
|
+
@apply w-[4px] h-[4px];
|
934
|
+
}
|
935
|
+
.glorious-radio.size-sm {
|
936
|
+
@apply w-[10px] h-[10px];
|
937
|
+
}
|
938
|
+
.glorious-radio.size-sm > div:last-child {
|
939
|
+
@apply w-[10px] h-[10px];
|
940
|
+
}
|
941
|
+
.glorious-radio.size-sm > input:checked ~ div:after {
|
942
|
+
@apply w-[0px] h-[0px];
|
943
|
+
}
|
944
|
+
.glorious-radio.size-xs {
|
945
|
+
@apply w-[6px] h-[6px];
|
946
|
+
}
|
947
|
+
.glorious-radio.size-xs > div:last-child {
|
948
|
+
@apply w-[6px] h-[6px];
|
949
|
+
}
|
950
|
+
.glorious-radio.size-xs > input:checked ~ div:after {
|
951
|
+
@apply w-[-4px] h-[-4px];
|
952
|
+
}
|
953
|
+
|
954
|
+
.rating {
|
955
|
+
display: inline-block;
|
956
|
+
}
|
957
|
+
|
958
|
+
.rating input {
|
959
|
+
display: none;
|
960
|
+
}
|
961
|
+
|
962
|
+
.rating label {
|
963
|
+
float: right;
|
964
|
+
cursor: pointer;
|
965
|
+
transition: color 0.3s;
|
966
|
+
}
|
967
|
+
|
968
|
+
.rating label:before {
|
969
|
+
content: "★";
|
970
|
+
font-size: 30px;
|
971
|
+
}
|
972
|
+
|
973
|
+
.rating input:checked ~ label,
|
974
|
+
.rating label:hover,
|
975
|
+
.rating label:hover ~ label {
|
976
|
+
color: #ffd700 !important;
|
977
|
+
transition: color 0.3s;
|
978
|
+
}
|
979
|
+
|
980
|
+
label.checked {
|
981
|
+
color: #ffd700;
|
982
|
+
}
|
983
|
+
|
984
|
+
.xl.glorious-select {
|
985
|
+
@apply py-[0.657rem];
|
986
|
+
}
|
987
|
+
.lg.glorious-select {
|
988
|
+
@apply py-[0.532rem];
|
989
|
+
}
|
990
|
+
.md.glorious-select {
|
991
|
+
@apply py-[0.407rem];
|
992
|
+
}
|
993
|
+
.sm.glorious-select {
|
994
|
+
@apply py-[0.282rem];
|
995
|
+
}
|
996
|
+
.xsm.glorious-select {
|
997
|
+
@apply py-[0.157rem];
|
998
|
+
}
|
999
|
+
|
1000
|
+
.glorious-select:focus-visible {
|
1001
|
+
@apply outline-none ring-2;
|
1002
|
+
}
|
1003
|
+
|
1004
|
+
.color-orange {
|
1005
|
+
@apply ring-orange-500;
|
1006
|
+
}
|
1007
|
+
|
1008
|
+
.color-blue {
|
1009
|
+
@apply ring-blue-500;
|
1010
|
+
}
|
1011
|
+
|
1012
|
+
.color-gray {
|
1013
|
+
@apply ring-gray-500;
|
1014
|
+
}
|
1015
|
+
|
1016
|
+
.color-red {
|
1017
|
+
@apply ring-red-500;
|
1018
|
+
}
|
1019
|
+
|
1020
|
+
.color-green {
|
1021
|
+
@apply ring-green-500;
|
1022
|
+
}
|
1023
|
+
|
1024
|
+
.glorious-select {
|
1025
|
+
@apply rounded-md ring-1 px-3 text-gray-500 text-sm h-max;
|
1026
|
+
}
|
1027
|
+
.glorious-select:disabled {
|
1028
|
+
@apply cursor-not-allowed;
|
1029
|
+
}
|
1030
|
+
.glorious-select.validation-error {
|
1031
|
+
@apply ring-red-500 bg-red-50;
|
1032
|
+
}
|
1033
|
+
|
1034
|
+
.switch {
|
1035
|
+
direction: ltr;
|
1036
|
+
--button-width: 3em;
|
1037
|
+
--button-height: 1.5em;
|
1038
|
+
--toggle-diameter: 1em;
|
1039
|
+
--button-toggle-offset: calc(
|
1040
|
+
(var(--button-height) - var(--toggle-diameter)) / 2
|
1041
|
+
);
|
1042
|
+
--toggle-shadow-offset: 10px;
|
1043
|
+
--toggle-wider: 3em;
|
1044
|
+
}
|
1045
|
+
.switch-slider {
|
1046
|
+
@apply bg-gray-300;
|
1047
|
+
display: inline-block;
|
1048
|
+
width: var(--button-width);
|
1049
|
+
height: var(--button-height);
|
1050
|
+
border-radius: calc(var(--button-height) / 2);
|
1051
|
+
position: relative;
|
1052
|
+
transition: 0.3s all ease-in-out;
|
1053
|
+
}
|
1054
|
+
.switch-slider::after {
|
1055
|
+
content: "";
|
1056
|
+
display: inline-block;
|
1057
|
+
width: var(--toggle-diameter);
|
1058
|
+
height: var(--toggle-diameter);
|
1059
|
+
background-color: #fff;
|
1060
|
+
border-radius: calc(var(--toggle-diameter) / 2);
|
1061
|
+
position: absolute;
|
1062
|
+
top: var(--button-toggle-offset);
|
1063
|
+
transform: translateX(var(--button-toggle-offset));
|
1064
|
+
box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
|
1065
|
+
transition: 0.3s all ease-in-out;
|
1066
|
+
}
|
1067
|
+
.switch.color-orange input[type=checkbox]:checked + .switch-slider {
|
1068
|
+
background-color: theme("colors.orange.500");
|
1069
|
+
}
|
1070
|
+
.switch.color-blue input[type=checkbox]:checked + .switch-slider {
|
1071
|
+
background-color: theme("colors.blue.500");
|
1072
|
+
}
|
1073
|
+
.switch.color-gray input[type=checkbox]:checked + .switch-slider {
|
1074
|
+
background-color: theme("colors.gray.500");
|
1075
|
+
}
|
1076
|
+
.switch.color-red input[type=checkbox]:checked + .switch-slider {
|
1077
|
+
background-color: theme("colors.red.500");
|
1078
|
+
}
|
1079
|
+
.switch.color-green input[type=checkbox]:checked + .switch-slider {
|
1080
|
+
background-color: theme("colors.green.500");
|
1081
|
+
}
|
1082
|
+
.switch input[type=checkbox]:checked + .switch-slider::after {
|
1083
|
+
transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
|
1084
|
+
box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
|
1085
|
+
}
|
1086
|
+
.switch input[type=checkbox] {
|
1087
|
+
display: none;
|
1088
|
+
}
|
1089
|
+
.switch input[type=checkbox]:active + .switch-slider::after {
|
1090
|
+
width: var(--toggle-wider);
|
1091
|
+
}
|
1092
|
+
.switch input[type=checkbox]:checked:active + .switch-slider::after {
|
1093
|
+
transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
|
1094
|
+
}
|
1095
|
+
|
1096
|
+
.glorious-tab {
|
1097
|
+
@apply flex justify-between bg-green-100 rounded-lg gap-3 w-max max-w-full shadow-md;
|
1098
|
+
}
|
1099
|
+
.glorious-tab div > div > button {
|
1100
|
+
@apply text-gray-700 text-sm hover:bg-green-200 hover:text-gray-800 cursor-pointer px-2 py-1 rounded-lg whitespace-nowrap;
|
1101
|
+
}
|
1102
|
+
.glorious-tab div > div > button.active {
|
1103
|
+
@apply font-bold text-white bg-green-700;
|
1104
|
+
}
|
1105
|
+
|
1106
|
+
.glorious-table {
|
1107
|
+
@apply overflow-x-auto;
|
1108
|
+
}
|
1109
|
+
.glorious-table.color-orange > table > thead {
|
1110
|
+
@apply rounded-t-md overflow-hidden;
|
1111
|
+
}
|
1112
|
+
.glorious-table.color-orange > table > thead > tr > th:first-child {
|
1113
|
+
@apply rounded-r-lg bg-orange-400;
|
1114
|
+
}
|
1115
|
+
.glorious-table.color-orange > table > thead > tr > th {
|
1116
|
+
@apply bg-orange-400;
|
1117
|
+
}
|
1118
|
+
.glorious-table.color-orange > table > thead > tr > th:last-child {
|
1119
|
+
@apply rounded-l-lg bg-orange-400;
|
1120
|
+
}
|
1121
|
+
.glorious-table.color-orange > table > tbody > tr:nth-child(even) {
|
1122
|
+
@apply bg-orange-50;
|
1123
|
+
}
|
1124
|
+
.glorious-table.color-orange > table > tbody > tr > td {
|
1125
|
+
@apply px-4 py-2 text-center;
|
1126
|
+
}
|
1127
|
+
.glorious-table.color-blue > table > thead {
|
1128
|
+
@apply rounded-t-md overflow-hidden;
|
1129
|
+
}
|
1130
|
+
.glorious-table.color-blue > table > thead > tr > th:first-child {
|
1131
|
+
@apply rounded-r-lg bg-blue-400;
|
1132
|
+
}
|
1133
|
+
.glorious-table.color-blue > table > thead > tr > th {
|
1134
|
+
@apply bg-blue-400;
|
1135
|
+
}
|
1136
|
+
.glorious-table.color-blue > table > thead > tr > th:last-child {
|
1137
|
+
@apply rounded-l-lg bg-blue-400;
|
1138
|
+
}
|
1139
|
+
.glorious-table.color-blue > table > tbody > tr:nth-child(even) {
|
1140
|
+
@apply bg-blue-50;
|
1141
|
+
}
|
1142
|
+
.glorious-table.color-blue > table > tbody > tr > td {
|
1143
|
+
@apply px-4 py-2 text-center;
|
1144
|
+
}
|
1145
|
+
.glorious-table.color-gray > table > thead {
|
1146
|
+
@apply rounded-t-md overflow-hidden;
|
1147
|
+
}
|
1148
|
+
.glorious-table.color-gray > table > thead > tr > th:first-child {
|
1149
|
+
@apply rounded-r-lg bg-gray-400;
|
1150
|
+
}
|
1151
|
+
.glorious-table.color-gray > table > thead > tr > th {
|
1152
|
+
@apply bg-gray-400;
|
1153
|
+
}
|
1154
|
+
.glorious-table.color-gray > table > thead > tr > th:last-child {
|
1155
|
+
@apply rounded-l-lg bg-gray-400;
|
1156
|
+
}
|
1157
|
+
.glorious-table.color-gray > table > tbody > tr:nth-child(even) {
|
1158
|
+
@apply bg-gray-50;
|
1159
|
+
}
|
1160
|
+
.glorious-table.color-gray > table > tbody > tr > td {
|
1161
|
+
@apply px-4 py-2 text-center;
|
1162
|
+
}
|
1163
|
+
.glorious-table.color-red > table > thead {
|
1164
|
+
@apply rounded-t-md overflow-hidden;
|
1165
|
+
}
|
1166
|
+
.glorious-table.color-red > table > thead > tr > th:first-child {
|
1167
|
+
@apply rounded-r-lg bg-red-400;
|
1168
|
+
}
|
1169
|
+
.glorious-table.color-red > table > thead > tr > th {
|
1170
|
+
@apply bg-red-400;
|
1171
|
+
}
|
1172
|
+
.glorious-table.color-red > table > thead > tr > th:last-child {
|
1173
|
+
@apply rounded-l-lg bg-red-400;
|
1174
|
+
}
|
1175
|
+
.glorious-table.color-red > table > tbody > tr:nth-child(even) {
|
1176
|
+
@apply bg-red-50;
|
1177
|
+
}
|
1178
|
+
.glorious-table.color-red > table > tbody > tr > td {
|
1179
|
+
@apply px-4 py-2 text-center;
|
1180
|
+
}
|
1181
|
+
.glorious-table.color-green > table > thead {
|
1182
|
+
@apply rounded-t-md overflow-hidden;
|
1183
|
+
}
|
1184
|
+
.glorious-table.color-green > table > thead > tr > th:first-child {
|
1185
|
+
@apply rounded-r-lg bg-green-400;
|
1186
|
+
}
|
1187
|
+
.glorious-table.color-green > table > thead > tr > th {
|
1188
|
+
@apply bg-green-400;
|
1189
|
+
}
|
1190
|
+
.glorious-table.color-green > table > thead > tr > th:last-child {
|
1191
|
+
@apply rounded-l-lg bg-green-400;
|
1192
|
+
}
|
1193
|
+
.glorious-table.color-green > table > tbody > tr:nth-child(even) {
|
1194
|
+
@apply bg-green-50;
|
1195
|
+
}
|
1196
|
+
.glorious-table.color-green > table > tbody > tr > td {
|
1197
|
+
@apply px-4 py-2 text-center;
|
1198
|
+
}
|
1199
|
+
.glorious-table > table {
|
1200
|
+
@apply w-full;
|
1201
|
+
}
|
1202
|
+
.glorious-table > table > thead > tr > th {
|
1203
|
+
@apply px-4 py-2 text-center;
|
1204
|
+
}
|
1205
|
+
|
1206
|
+
.glorious-textarea-orange {
|
1207
|
+
@apply ring-orange-500;
|
1208
|
+
@apply rounded-md ring-1 px-3;
|
1209
|
+
}
|
1210
|
+
.glorious-textarea-orange:focus-visible {
|
1211
|
+
@apply outline-none ring-2;
|
1212
|
+
}
|
1213
|
+
.glorious-textarea-orange:disabled {
|
1214
|
+
@apply bg-green-300 cursor-not-allowed;
|
1215
|
+
}
|
1216
|
+
|
1217
|
+
.glorious-textarea-blue {
|
1218
|
+
@apply ring-blue-500;
|
1219
|
+
@apply rounded-md ring-1 px-3;
|
1220
|
+
}
|
1221
|
+
.glorious-textarea-blue:focus-visible {
|
1222
|
+
@apply outline-none ring-2;
|
1223
|
+
}
|
1224
|
+
.glorious-textarea-blue:disabled {
|
1225
|
+
@apply bg-green-300 cursor-not-allowed;
|
1226
|
+
}
|
1227
|
+
|
1228
|
+
.glorious-textarea-gray {
|
1229
|
+
@apply ring-gray-500;
|
1230
|
+
@apply rounded-md ring-1 px-3;
|
1231
|
+
}
|
1232
|
+
.glorious-textarea-gray:focus-visible {
|
1233
|
+
@apply outline-none ring-2;
|
1234
|
+
}
|
1235
|
+
.glorious-textarea-gray:disabled {
|
1236
|
+
@apply bg-green-300 cursor-not-allowed;
|
1237
|
+
}
|
1238
|
+
|
1239
|
+
.glorious-textarea-red {
|
1240
|
+
@apply ring-red-500;
|
1241
|
+
@apply rounded-md ring-1 px-3;
|
1242
|
+
}
|
1243
|
+
.glorious-textarea-red:focus-visible {
|
1244
|
+
@apply outline-none ring-2;
|
1245
|
+
}
|
1246
|
+
.glorious-textarea-red:disabled {
|
1247
|
+
@apply bg-green-300 cursor-not-allowed;
|
1248
|
+
}
|
1249
|
+
|
1250
|
+
.glorious-textarea-green {
|
1251
|
+
@apply ring-green-500;
|
1252
|
+
@apply rounded-md ring-1 px-3;
|
1253
|
+
}
|
1254
|
+
.glorious-textarea-green:focus-visible {
|
1255
|
+
@apply outline-none ring-2;
|
1256
|
+
}
|
1257
|
+
.glorious-textarea-green:disabled {
|
1258
|
+
@apply bg-green-300 cursor-not-allowed;
|
1259
|
+
}
|
1260
|
+
|
1261
|
+
.glorious-textarea {
|
1262
|
+
@apply relative w-full flex flex-col;
|
1263
|
+
}
|
1264
|
+
.glorious-textarea > textarea {
|
1265
|
+
@apply w-full p-2;
|
1266
|
+
}
|
1267
|
+
.glorious-textarea > textarea.validation-error {
|
1268
|
+
@apply ring-red-500 bg-red-50;
|
1269
|
+
}
|
1270
|
+
.glorious-textarea > textarea::placeholder {
|
1271
|
+
@apply text-[14px];
|
1272
|
+
}
|
1273
|
+
|
1274
|
+
.glorious-timeline-items {
|
1275
|
+
@apply relative;
|
1276
|
+
}
|
1277
|
+
.glorious-timeline-items div {
|
1278
|
+
@apply relative;
|
1279
|
+
}
|
1280
|
+
.glorious-timeline-items div::before {
|
1281
|
+
content: "";
|
1282
|
+
@apply absolute w-[2px] right-[-15px];
|
1283
|
+
}
|
1284
|
+
.glorious-timeline-items div::before:not(:last-child) {
|
1285
|
+
@apply h-[calc(100%+20px)];
|
1286
|
+
}
|
1287
|
+
.glorious-timeline-items-count {
|
1288
|
+
@apply absolute w-5 h-5 top-0 right-[-24px] rounded-full;
|
1289
|
+
@apply text-white flex justify-center items-center font-medium;
|
1290
|
+
}
|
1291
|
+
.glorious-timeline-items.color-orange > div::before {
|
1292
|
+
@apply bg-orange-500;
|
1293
|
+
}
|
1294
|
+
.glorious-timeline-items.color-blue > div::before {
|
1295
|
+
@apply bg-blue-500;
|
1296
|
+
}
|
1297
|
+
.glorious-timeline-items.color-gray > div::before {
|
1298
|
+
@apply bg-gray-500;
|
1299
|
+
}
|
1300
|
+
.glorious-timeline-items.color-red > div::before {
|
1301
|
+
@apply bg-red-500;
|
1302
|
+
}
|
1303
|
+
.glorious-timeline-items.color-green > div::before {
|
1304
|
+
@apply bg-green-500;
|
1305
|
+
}
|
1306
|
+
.glorious-timeline-items.color-orange .glorious-timeline-items-count {
|
1307
|
+
@apply bg-orange-500;
|
1308
|
+
}
|
1309
|
+
.glorious-timeline-items.color-blue .glorious-timeline-items-count {
|
1310
|
+
@apply bg-blue-500;
|
1311
|
+
}
|
1312
|
+
.glorious-timeline-items.color-gray .glorious-timeline-items-count {
|
1313
|
+
@apply bg-gray-500;
|
1314
|
+
}
|
1315
|
+
.glorious-timeline-items.color-red .glorious-timeline-items-count {
|
1316
|
+
@apply bg-red-500;
|
1317
|
+
}
|
1318
|
+
.glorious-timeline-items.color-green .glorious-timeline-items-count {
|
1319
|
+
@apply bg-green-500;
|
1320
|
+
}
|
1321
|
+
|
1322
|
+
.glorious-tooltip {
|
1323
|
+
@apply relative w-max;
|
1324
|
+
}
|
1325
|
+
.glorious-tooltip > .tooltip-slot:hover ~ .tooltip-content {
|
1326
|
+
@apply opacity-100;
|
1327
|
+
}
|
1328
|
+
.glorious-tooltip > .tooltip-content {
|
1329
|
+
@apply bg-white w-max rounded-lg shadow-md pt-2 px-3 flex absolute bottom-10 opacity-0 transition-all duration-100 ease-in;
|
1330
|
+
}
|
1331
|
+
|
1332
|
+
.glorious-backdrop {
|
1333
|
+
@apply backdrop-blur-md fixed top-0 w-full h-full bg-gray-500/50 z-40;
|
1334
|
+
}
|