solid_cache_dashboard 0.0.1 → 0.2.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.
- checksums.yaml +4 -4
- data/README.md +18 -1
- data/app/assets/javascripts/solid_cache_dashboard/application.js +2 -1
- data/app/assets/stylesheets/solid_cache_dashboard/application.css +778 -12
- data/app/assets/stylesheets/solid_cache_dashboard/tailwind.css +8 -8
- data/app/controllers/solid_cache_dashboard/cache_entries_controller.rb +16 -3
- data/app/controllers/solid_cache_dashboard/cache_events_controller.rb +9 -3
- data/app/views/layouts/solid_cache_dashboard/application.html.erb +1 -1
- data/app/views/solid_cache_dashboard/application/_footer.html.erb +2 -2
- data/app/views/solid_cache_dashboard/application/_navbar.html.erb +28 -7
- data/app/views/solid_cache_dashboard/application/_pagination.html.erb +61 -0
- data/app/views/solid_cache_dashboard/cache_entries/index.html.erb +75 -27
- data/app/views/solid_cache_dashboard/cache_entries/show.html.erb +172 -39
- data/app/views/solid_cache_dashboard/cache_events/index.html.erb +34 -28
- data/app/views/solid_cache_dashboard/dashboard/index.html.erb +41 -41
- data/app/views/solid_cache_dashboard/stats/index.html.erb +55 -55
- data/lib/solid_cache_dashboard/cache_entry.rb +33 -0
- data/lib/solid_cache_dashboard/decorators/cache_entry_decorator.rb +92 -11
- data/lib/solid_cache_dashboard/engine.rb +13 -0
- data/lib/solid_cache_dashboard/instrumentation.rb +18 -9
- data/lib/solid_cache_dashboard/version.rb +1 -1
- metadata +17 -2
@@ -6,6 +6,7 @@
|
|
6
6
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
7
7
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
8
8
|
"Courier New", monospace;
|
9
|
+
--color-red-50: oklch(0.971 0.013 17.38);
|
9
10
|
--color-red-100: oklch(0.936 0.032 17.717);
|
10
11
|
--color-red-200: oklch(0.885 0.062 18.334);
|
11
12
|
--color-red-300: oklch(0.808 0.114 19.571);
|
@@ -13,28 +14,56 @@
|
|
13
14
|
--color-red-500: oklch(0.637 0.237 25.331);
|
14
15
|
--color-red-600: oklch(0.577 0.245 27.325);
|
15
16
|
--color-red-700: oklch(0.505 0.213 27.518);
|
17
|
+
--color-red-800: oklch(0.444 0.177 26.899);
|
16
18
|
--color-red-900: oklch(0.396 0.141 25.723);
|
19
|
+
--color-amber-50: oklch(0.987 0.022 95.277);
|
17
20
|
--color-amber-100: oklch(0.962 0.059 95.617);
|
21
|
+
--color-amber-200: oklch(0.924 0.12 95.746);
|
22
|
+
--color-amber-300: oklch(0.879 0.169 91.605);
|
23
|
+
--color-amber-400: oklch(0.828 0.189 84.429);
|
18
24
|
--color-amber-500: oklch(0.769 0.188 70.08);
|
19
25
|
--color-amber-600: oklch(0.666 0.179 58.318);
|
20
26
|
--color-amber-700: oklch(0.555 0.163 48.998);
|
27
|
+
--color-amber-800: oklch(0.473 0.137 46.201);
|
28
|
+
--color-amber-900: oklch(0.414 0.112 45.904);
|
29
|
+
--color-green-50: oklch(0.982 0.018 155.826);
|
21
30
|
--color-green-100: oklch(0.962 0.044 156.743);
|
22
31
|
--color-green-200: oklch(0.925 0.084 155.995);
|
32
|
+
--color-green-300: oklch(0.871 0.15 154.449);
|
33
|
+
--color-green-400: oklch(0.792 0.209 151.711);
|
23
34
|
--color-green-500: oklch(0.723 0.219 149.579);
|
24
35
|
--color-green-600: oklch(0.627 0.194 149.214);
|
25
36
|
--color-green-700: oklch(0.527 0.154 150.069);
|
37
|
+
--color-green-800: oklch(0.448 0.119 151.328);
|
38
|
+
--color-green-900: oklch(0.393 0.095 152.535);
|
39
|
+
--color-sky-50: oklch(0.977 0.013 236.62);
|
26
40
|
--color-sky-100: oklch(0.951 0.026 236.824);
|
41
|
+
--color-sky-200: oklch(0.901 0.058 230.902);
|
42
|
+
--color-sky-300: oklch(0.828 0.111 230.318);
|
43
|
+
--color-sky-400: oklch(0.746 0.16 232.661);
|
27
44
|
--color-sky-600: oklch(0.588 0.158 241.966);
|
28
45
|
--color-sky-700: oklch(0.5 0.134 242.749);
|
46
|
+
--color-sky-800: oklch(0.443 0.11 240.79);
|
47
|
+
--color-sky-900: oklch(0.391 0.09 240.876);
|
48
|
+
--color-blue-50: oklch(0.97 0.014 254.604);
|
29
49
|
--color-blue-100: oklch(0.932 0.032 255.585);
|
30
50
|
--color-blue-200: oklch(0.882 0.059 254.128);
|
51
|
+
--color-blue-300: oklch(0.809 0.105 251.813);
|
31
52
|
--color-blue-400: oklch(0.707 0.165 254.624);
|
32
53
|
--color-blue-500: oklch(0.623 0.214 259.815);
|
33
54
|
--color-blue-600: oklch(0.546 0.245 262.881);
|
34
55
|
--color-blue-700: oklch(0.488 0.243 264.376);
|
56
|
+
--color-blue-800: oklch(0.424 0.199 265.638);
|
57
|
+
--color-blue-900: oklch(0.379 0.146 265.522);
|
35
58
|
--color-indigo-100: oklch(0.93 0.034 272.788);
|
59
|
+
--color-indigo-200: oklch(0.87 0.065 274.039);
|
60
|
+
--color-indigo-300: oklch(0.785 0.115 274.713);
|
61
|
+
--color-indigo-400: oklch(0.673 0.182 276.935);
|
62
|
+
--color-indigo-500: oklch(0.585 0.233 277.117);
|
36
63
|
--color-indigo-600: oklch(0.511 0.262 276.966);
|
37
64
|
--color-indigo-700: oklch(0.457 0.24 277.023);
|
65
|
+
--color-indigo-800: oklch(0.398 0.195 277.366);
|
66
|
+
--color-indigo-900: oklch(0.359 0.144 278.697);
|
38
67
|
--color-purple-100: oklch(0.946 0.033 307.174);
|
39
68
|
--color-purple-600: oklch(0.558 0.288 302.321);
|
40
69
|
--color-purple-700: oklch(0.496 0.265 301.924);
|
@@ -48,10 +77,20 @@
|
|
48
77
|
--color-gray-700: oklch(0.373 0.034 259.733);
|
49
78
|
--color-gray-800: oklch(0.278 0.033 256.848);
|
50
79
|
--color-gray-900: oklch(0.21 0.034 264.665);
|
80
|
+
--color-zinc-50: oklch(0.985 0 0);
|
81
|
+
--color-zinc-100: oklch(0.967 0.001 286.375);
|
82
|
+
--color-zinc-200: oklch(0.92 0.004 286.32);
|
51
83
|
--color-zinc-300: oklch(0.871 0.006 286.286);
|
84
|
+
--color-zinc-400: oklch(0.705 0.015 286.067);
|
85
|
+
--color-zinc-500: oklch(0.552 0.016 285.938);
|
86
|
+
--color-zinc-600: oklch(0.442 0.017 285.786);
|
87
|
+
--color-zinc-700: oklch(0.37 0.013 285.805);
|
88
|
+
--color-zinc-800: oklch(0.274 0.006 286.033);
|
89
|
+
--color-zinc-900: oklch(0.21 0.006 285.885);
|
52
90
|
--color-black: #000;
|
53
91
|
--color-white: #fff;
|
54
92
|
--spacing: 0.25rem;
|
93
|
+
--container-xs: 20rem;
|
55
94
|
--text-xs: 0.75rem;
|
56
95
|
--text-xs--line-height: calc(1 / 0.75);
|
57
96
|
--text-sm: 0.875rem;
|
@@ -62,6 +101,8 @@
|
|
62
101
|
--text-xl--line-height: calc(1.75 / 1.25);
|
63
102
|
--text-2xl: 1.5rem;
|
64
103
|
--text-2xl--line-height: calc(2 / 1.5);
|
104
|
+
--text-3xl: 1.875rem;
|
105
|
+
--text-3xl--line-height: calc(2.25 / 1.875);
|
65
106
|
--font-weight-medium: 500;
|
66
107
|
--font-weight-semibold: 600;
|
67
108
|
--font-weight-bold: 700;
|
@@ -86,7 +127,9 @@
|
|
86
127
|
--color-ring: hsl(var(--ring));
|
87
128
|
--color-background: hsl(var(--background));
|
88
129
|
--color-foreground: hsl(var(--foreground));
|
130
|
+
--color-secondary: hsl(var(--secondary));
|
89
131
|
--color-muted-foreground: hsl(var(--muted-foreground));
|
132
|
+
--color-card: hsl(var(--card));
|
90
133
|
}
|
91
134
|
}
|
92
135
|
@layer base {
|
@@ -264,9 +307,38 @@
|
|
264
307
|
padding-left: calc(var(--spacing) * 7);
|
265
308
|
}
|
266
309
|
}
|
310
|
+
.sr-only {
|
311
|
+
position: absolute;
|
312
|
+
width: 1px;
|
313
|
+
height: 1px;
|
314
|
+
padding: 0;
|
315
|
+
margin: -1px;
|
316
|
+
overflow: hidden;
|
317
|
+
clip: rect(0, 0, 0, 0);
|
318
|
+
white-space: nowrap;
|
319
|
+
border-width: 0;
|
320
|
+
}
|
321
|
+
.absolute {
|
322
|
+
position: absolute;
|
323
|
+
}
|
267
324
|
.relative {
|
268
325
|
position: relative;
|
269
326
|
}
|
327
|
+
.inset-y-0 {
|
328
|
+
inset-block: calc(var(--spacing) * 0);
|
329
|
+
}
|
330
|
+
.right-0 {
|
331
|
+
right: calc(var(--spacing) * 0);
|
332
|
+
}
|
333
|
+
.z-0 {
|
334
|
+
z-index: 0;
|
335
|
+
}
|
336
|
+
.col-span-1 {
|
337
|
+
grid-column: span 1 / span 1;
|
338
|
+
}
|
339
|
+
.col-span-2 {
|
340
|
+
grid-column: span 2 / span 2;
|
341
|
+
}
|
270
342
|
.container {
|
271
343
|
width: 100%;
|
272
344
|
@media (width >= 40rem) {
|
@@ -304,6 +376,9 @@
|
|
304
376
|
.mt-2 {
|
305
377
|
margin-top: calc(var(--spacing) * 2);
|
306
378
|
}
|
379
|
+
.mt-4 {
|
380
|
+
margin-top: calc(var(--spacing) * 4);
|
381
|
+
}
|
307
382
|
.mt-6 {
|
308
383
|
margin-top: calc(var(--spacing) * 6);
|
309
384
|
}
|
@@ -313,6 +388,9 @@
|
|
313
388
|
.mr-1 {
|
314
389
|
margin-right: calc(var(--spacing) * 1);
|
315
390
|
}
|
391
|
+
.mr-1\.5 {
|
392
|
+
margin-right: calc(var(--spacing) * 1.5);
|
393
|
+
}
|
316
394
|
.mr-2 {
|
317
395
|
margin-right: calc(var(--spacing) * 2);
|
318
396
|
}
|
@@ -328,6 +406,12 @@
|
|
328
406
|
.-ml-1 {
|
329
407
|
margin-left: calc(var(--spacing) * -1);
|
330
408
|
}
|
409
|
+
.ml-2 {
|
410
|
+
margin-left: calc(var(--spacing) * 2);
|
411
|
+
}
|
412
|
+
.ml-3 {
|
413
|
+
margin-left: calc(var(--spacing) * 3);
|
414
|
+
}
|
331
415
|
.ml-5 {
|
332
416
|
margin-left: calc(var(--spacing) * 5);
|
333
417
|
}
|
@@ -353,9 +437,16 @@
|
|
353
437
|
outline-width: 1px;
|
354
438
|
}
|
355
439
|
}
|
440
|
+
.pagination {
|
441
|
+
display: flex;
|
442
|
+
justify-content: center;
|
443
|
+
}
|
356
444
|
.block {
|
357
445
|
display: block;
|
358
446
|
}
|
447
|
+
.contents {
|
448
|
+
display: contents;
|
449
|
+
}
|
359
450
|
.flex {
|
360
451
|
display: flex;
|
361
452
|
}
|
@@ -374,6 +465,9 @@
|
|
374
465
|
.inline-flex {
|
375
466
|
display: inline-flex;
|
376
467
|
}
|
468
|
+
.list-item {
|
469
|
+
display: list-item;
|
470
|
+
}
|
377
471
|
.table {
|
378
472
|
display: table;
|
379
473
|
}
|
@@ -474,18 +568,37 @@
|
|
474
568
|
background-color: var(--color-black);
|
475
569
|
}
|
476
570
|
}
|
571
|
+
.size-4 {
|
572
|
+
width: calc(var(--spacing) * 4);
|
573
|
+
height: calc(var(--spacing) * 4);
|
574
|
+
}
|
477
575
|
.h-2 {
|
478
576
|
height: calc(var(--spacing) * 2);
|
479
577
|
}
|
578
|
+
.h-3 {
|
579
|
+
height: calc(var(--spacing) * 3);
|
580
|
+
}
|
581
|
+
.h-4 {
|
582
|
+
height: calc(var(--spacing) * 4);
|
583
|
+
}
|
480
584
|
.h-5 {
|
481
585
|
height: calc(var(--spacing) * 5);
|
482
586
|
}
|
483
587
|
.h-6 {
|
484
588
|
height: calc(var(--spacing) * 6);
|
485
589
|
}
|
590
|
+
.h-10 {
|
591
|
+
height: calc(var(--spacing) * 10);
|
592
|
+
}
|
486
593
|
.h-16 {
|
487
594
|
height: calc(var(--spacing) * 16);
|
488
595
|
}
|
596
|
+
.h-screen {
|
597
|
+
height: 100vh;
|
598
|
+
}
|
599
|
+
.max-h-96 {
|
600
|
+
max-height: calc(var(--spacing) * 96);
|
601
|
+
}
|
489
602
|
.min-h-screen {
|
490
603
|
min-height: 100vh;
|
491
604
|
}
|
@@ -498,33 +611,66 @@
|
|
498
611
|
.w-0 {
|
499
612
|
width: calc(var(--spacing) * 0);
|
500
613
|
}
|
614
|
+
.w-3 {
|
615
|
+
width: calc(var(--spacing) * 3);
|
616
|
+
}
|
617
|
+
.w-4 {
|
618
|
+
width: calc(var(--spacing) * 4);
|
619
|
+
}
|
501
620
|
.w-5 {
|
502
621
|
width: calc(var(--spacing) * 5);
|
503
622
|
}
|
504
623
|
.w-6 {
|
505
624
|
width: calc(var(--spacing) * 6);
|
506
625
|
}
|
626
|
+
.w-40 {
|
627
|
+
width: calc(var(--spacing) * 40);
|
628
|
+
}
|
629
|
+
.w-full {
|
630
|
+
width: 100%;
|
631
|
+
}
|
507
632
|
.max-w-\[200px\] {
|
508
633
|
max-width: 200px;
|
509
634
|
}
|
510
635
|
.max-w-\[400px\] {
|
511
636
|
max-width: 400px;
|
512
637
|
}
|
638
|
+
.max-w-xs {
|
639
|
+
max-width: var(--container-xs);
|
640
|
+
}
|
513
641
|
.min-w-full {
|
514
642
|
min-width: 100%;
|
515
643
|
}
|
516
644
|
.flex-1 {
|
517
645
|
flex: 1;
|
518
646
|
}
|
647
|
+
.flex-shrink {
|
648
|
+
flex-shrink: 1;
|
649
|
+
}
|
650
|
+
.flex-shrink-0 {
|
651
|
+
flex-shrink: 0;
|
652
|
+
}
|
519
653
|
.shrink-0 {
|
520
654
|
flex-shrink: 0;
|
521
655
|
}
|
656
|
+
.flex-grow {
|
657
|
+
flex-grow: 1;
|
658
|
+
}
|
522
659
|
.grow {
|
523
660
|
flex-grow: 1;
|
524
661
|
}
|
662
|
+
.border-collapse {
|
663
|
+
border-collapse: collapse;
|
664
|
+
}
|
525
665
|
.transform {
|
526
666
|
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
|
527
667
|
}
|
668
|
+
.cursor-pointer {
|
669
|
+
cursor: pointer;
|
670
|
+
}
|
671
|
+
.resize {
|
672
|
+
resize: both;
|
673
|
+
}
|
528
674
|
.grid-cols-1 {
|
529
675
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
530
676
|
}
|
@@ -543,6 +689,21 @@
|
|
543
689
|
.justify-center {
|
544
690
|
justify-content: center;
|
545
691
|
}
|
692
|
+
.justify-end {
|
693
|
+
justify-content: flex-end;
|
694
|
+
}
|
695
|
+
.gap-1 {
|
696
|
+
gap: calc(var(--spacing) * 1);
|
697
|
+
}
|
698
|
+
.gap-1\.5 {
|
699
|
+
gap: calc(var(--spacing) * 1.5);
|
700
|
+
}
|
701
|
+
.gap-2 {
|
702
|
+
gap: calc(var(--spacing) * 2);
|
703
|
+
}
|
704
|
+
.gap-4 {
|
705
|
+
gap: calc(var(--spacing) * 4);
|
706
|
+
}
|
546
707
|
.gap-6 {
|
547
708
|
gap: calc(var(--spacing) * 6);
|
548
709
|
}
|
@@ -560,6 +721,23 @@
|
|
560
721
|
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
561
722
|
}
|
562
723
|
}
|
724
|
+
.space-y-6 {
|
725
|
+
:where(& > :not(:last-child)) {
|
726
|
+
--tw-space-y-reverse: 0;
|
727
|
+
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
|
728
|
+
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
|
729
|
+
}
|
730
|
+
}
|
731
|
+
.gap-x-4 {
|
732
|
+
column-gap: calc(var(--spacing) * 4);
|
733
|
+
}
|
734
|
+
.-space-x-px {
|
735
|
+
:where(& > :not(:last-child)) {
|
736
|
+
--tw-space-x-reverse: 0;
|
737
|
+
margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
|
738
|
+
margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
|
739
|
+
}
|
740
|
+
}
|
563
741
|
.space-x-2 {
|
564
742
|
:where(& > :not(:last-child)) {
|
565
743
|
--tw-space-x-reverse: 0;
|
@@ -567,6 +745,23 @@
|
|
567
745
|
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
|
568
746
|
}
|
569
747
|
}
|
748
|
+
.space-x-3 {
|
749
|
+
:where(& > :not(:last-child)) {
|
750
|
+
--tw-space-x-reverse: 0;
|
751
|
+
margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
|
752
|
+
margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
|
753
|
+
}
|
754
|
+
}
|
755
|
+
.space-x-4 {
|
756
|
+
:where(& > :not(:last-child)) {
|
757
|
+
--tw-space-x-reverse: 0;
|
758
|
+
margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
|
759
|
+
margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
|
760
|
+
}
|
761
|
+
}
|
762
|
+
.gap-y-6 {
|
763
|
+
row-gap: calc(var(--spacing) * 6);
|
764
|
+
}
|
570
765
|
.divide-y {
|
571
766
|
:where(& > :not(:last-child)) {
|
572
767
|
--tw-divide-y-reverse: 0;
|
@@ -581,6 +776,11 @@
|
|
581
776
|
border-color: var(--color-gray-200);
|
582
777
|
}
|
583
778
|
}
|
779
|
+
.divide-zinc-200 {
|
780
|
+
:where(& > :not(:last-child)) {
|
781
|
+
border-color: var(--color-zinc-200);
|
782
|
+
}
|
783
|
+
}
|
584
784
|
.truncate {
|
585
785
|
overflow: hidden;
|
586
786
|
text-overflow: ellipsis;
|
@@ -592,6 +792,9 @@
|
|
592
792
|
.overflow-x-auto {
|
593
793
|
overflow-x: auto;
|
594
794
|
}
|
795
|
+
.overflow-y-auto {
|
796
|
+
overflow-y: auto;
|
797
|
+
}
|
595
798
|
.rounded {
|
596
799
|
border-radius: 0.25rem;
|
597
800
|
}
|
@@ -608,10 +811,18 @@
|
|
608
811
|
border-top-left-radius: calc(infinity * 1px);
|
609
812
|
border-bottom-left-radius: calc(infinity * 1px);
|
610
813
|
}
|
814
|
+
.rounded-l-md {
|
815
|
+
border-top-left-radius: var(--radius-md);
|
816
|
+
border-bottom-left-radius: var(--radius-md);
|
817
|
+
}
|
611
818
|
.rounded-r-full {
|
612
819
|
border-top-right-radius: calc(infinity * 1px);
|
613
820
|
border-bottom-right-radius: calc(infinity * 1px);
|
614
821
|
}
|
822
|
+
.rounded-r-md {
|
823
|
+
border-top-right-radius: var(--radius-md);
|
824
|
+
border-bottom-right-radius: var(--radius-md);
|
825
|
+
}
|
615
826
|
.border {
|
616
827
|
border-style: var(--tw-border-style);
|
617
828
|
border-width: 1px;
|
@@ -624,6 +835,9 @@
|
|
624
835
|
border-bottom-style: var(--tw-border-style);
|
625
836
|
border-bottom-width: 1px;
|
626
837
|
}
|
838
|
+
.border-blue-500 {
|
839
|
+
border-color: var(--color-blue-500);
|
840
|
+
}
|
627
841
|
.border-gray-200 {
|
628
842
|
border-color: var(--color-gray-200);
|
629
843
|
}
|
@@ -633,12 +847,24 @@
|
|
633
847
|
.border-transparent {
|
634
848
|
border-color: transparent;
|
635
849
|
}
|
850
|
+
.border-zinc-200 {
|
851
|
+
border-color: var(--color-zinc-200);
|
852
|
+
}
|
853
|
+
.border-zinc-300 {
|
854
|
+
border-color: var(--color-zinc-300);
|
855
|
+
}
|
856
|
+
.bg-amber-50 {
|
857
|
+
background-color: var(--color-amber-50);
|
858
|
+
}
|
636
859
|
.bg-amber-100 {
|
637
860
|
background-color: var(--color-amber-100);
|
638
861
|
}
|
639
862
|
.bg-amber-500 {
|
640
863
|
background-color: var(--color-amber-500);
|
641
864
|
}
|
865
|
+
.bg-blue-50 {
|
866
|
+
background-color: var(--color-blue-50);
|
867
|
+
}
|
642
868
|
.bg-blue-100 {
|
643
869
|
background-color: var(--color-blue-100);
|
644
870
|
}
|
@@ -648,14 +874,17 @@
|
|
648
874
|
.bg-blue-500 {
|
649
875
|
background-color: var(--color-blue-500);
|
650
876
|
}
|
877
|
+
.bg-blue-600 {
|
878
|
+
background-color: var(--color-blue-600);
|
879
|
+
}
|
651
880
|
.bg-gray-50 {
|
652
881
|
background-color: var(--color-gray-50);
|
653
882
|
}
|
654
883
|
.bg-gray-100 {
|
655
884
|
background-color: var(--color-gray-100);
|
656
885
|
}
|
657
|
-
.bg-
|
658
|
-
background-color: var(--color-
|
886
|
+
.bg-green-50 {
|
887
|
+
background-color: var(--color-green-50);
|
659
888
|
}
|
660
889
|
.bg-green-100 {
|
661
890
|
background-color: var(--color-green-100);
|
@@ -669,9 +898,15 @@
|
|
669
898
|
.bg-indigo-100 {
|
670
899
|
background-color: var(--color-indigo-100);
|
671
900
|
}
|
901
|
+
.bg-indigo-600 {
|
902
|
+
background-color: var(--color-indigo-600);
|
903
|
+
}
|
672
904
|
.bg-purple-100 {
|
673
905
|
background-color: var(--color-purple-100);
|
674
906
|
}
|
907
|
+
.bg-red-50 {
|
908
|
+
background-color: var(--color-red-50);
|
909
|
+
}
|
675
910
|
.bg-red-100 {
|
676
911
|
background-color: var(--color-red-100);
|
677
912
|
}
|
@@ -684,24 +919,45 @@
|
|
684
919
|
.bg-red-600 {
|
685
920
|
background-color: var(--color-red-600);
|
686
921
|
}
|
922
|
+
.bg-sky-50 {
|
923
|
+
background-color: var(--color-sky-50);
|
924
|
+
}
|
687
925
|
.bg-sky-100 {
|
688
926
|
background-color: var(--color-sky-100);
|
689
927
|
}
|
690
928
|
.bg-white {
|
691
929
|
background-color: var(--color-white);
|
692
930
|
}
|
931
|
+
.bg-zinc-50 {
|
932
|
+
background-color: var(--color-zinc-50);
|
933
|
+
}
|
934
|
+
.bg-zinc-100 {
|
935
|
+
background-color: var(--color-zinc-100);
|
936
|
+
}
|
937
|
+
.bg-zinc-200 {
|
938
|
+
background-color: var(--color-zinc-200);
|
939
|
+
}
|
693
940
|
.p-1 {
|
694
941
|
padding: calc(var(--spacing) * 1);
|
695
942
|
}
|
943
|
+
.p-2 {
|
944
|
+
padding: calc(var(--spacing) * 2);
|
945
|
+
}
|
696
946
|
.p-3 {
|
697
947
|
padding: calc(var(--spacing) * 3);
|
698
948
|
}
|
699
949
|
.p-4 {
|
700
950
|
padding: calc(var(--spacing) * 4);
|
701
951
|
}
|
952
|
+
.p-6 {
|
953
|
+
padding: calc(var(--spacing) * 6);
|
954
|
+
}
|
702
955
|
.px-2 {
|
703
956
|
padding-inline: calc(var(--spacing) * 2);
|
704
957
|
}
|
958
|
+
.px-2\.5 {
|
959
|
+
padding-inline: calc(var(--spacing) * 2.5);
|
960
|
+
}
|
705
961
|
.px-3 {
|
706
962
|
padding-inline: calc(var(--spacing) * 3);
|
707
963
|
}
|
@@ -711,6 +967,12 @@
|
|
711
967
|
.px-6 {
|
712
968
|
padding-inline: calc(var(--spacing) * 6);
|
713
969
|
}
|
970
|
+
.py-0 {
|
971
|
+
padding-block: calc(var(--spacing) * 0);
|
972
|
+
}
|
973
|
+
.py-0\.5 {
|
974
|
+
padding-block: calc(var(--spacing) * 0.5);
|
975
|
+
}
|
714
976
|
.py-1 {
|
715
977
|
padding-block: calc(var(--spacing) * 1);
|
716
978
|
}
|
@@ -726,6 +988,9 @@
|
|
726
988
|
.py-5 {
|
727
989
|
padding-block: calc(var(--spacing) * 5);
|
728
990
|
}
|
991
|
+
.py-6 {
|
992
|
+
padding-block: calc(var(--spacing) * 6);
|
993
|
+
}
|
729
994
|
.py-8 {
|
730
995
|
padding-block: calc(var(--spacing) * 8);
|
731
996
|
}
|
@@ -735,6 +1000,9 @@
|
|
735
1000
|
.pt-4 {
|
736
1001
|
padding-top: calc(var(--spacing) * 4);
|
737
1002
|
}
|
1003
|
+
.pr-3 {
|
1004
|
+
padding-right: calc(var(--spacing) * 3);
|
1005
|
+
}
|
738
1006
|
.text-center {
|
739
1007
|
text-align: center;
|
740
1008
|
}
|
@@ -748,6 +1016,10 @@
|
|
748
1016
|
font-size: var(--text-2xl);
|
749
1017
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
750
1018
|
}
|
1019
|
+
.text-3xl {
|
1020
|
+
font-size: var(--text-3xl);
|
1021
|
+
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
1022
|
+
}
|
751
1023
|
.text-lg {
|
752
1024
|
font-size: var(--text-lg);
|
753
1025
|
line-height: var(--tw-leading, var(--text-lg--line-height));
|
@@ -764,6 +1036,10 @@
|
|
764
1036
|
font-size: var(--text-xs);
|
765
1037
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
766
1038
|
}
|
1039
|
+
.leading-5 {
|
1040
|
+
--tw-leading: calc(var(--spacing) * 5);
|
1041
|
+
line-height: calc(var(--spacing) * 5);
|
1042
|
+
}
|
767
1043
|
.leading-6 {
|
768
1044
|
--tw-leading: calc(var(--spacing) * 6);
|
769
1045
|
line-height: calc(var(--spacing) * 6);
|
@@ -796,15 +1072,27 @@
|
|
796
1072
|
.text-amber-600 {
|
797
1073
|
color: var(--color-amber-600);
|
798
1074
|
}
|
1075
|
+
.text-amber-700 {
|
1076
|
+
color: var(--color-amber-700);
|
1077
|
+
}
|
1078
|
+
.text-amber-800 {
|
1079
|
+
color: var(--color-amber-800);
|
1080
|
+
}
|
799
1081
|
.text-blue-600 {
|
800
1082
|
color: var(--color-blue-600);
|
801
1083
|
}
|
1084
|
+
.text-blue-800 {
|
1085
|
+
color: var(--color-blue-800);
|
1086
|
+
}
|
802
1087
|
.text-gray-400 {
|
803
1088
|
color: var(--color-gray-400);
|
804
1089
|
}
|
805
1090
|
.text-gray-500 {
|
806
1091
|
color: var(--color-gray-500);
|
807
1092
|
}
|
1093
|
+
.text-gray-600 {
|
1094
|
+
color: var(--color-gray-600);
|
1095
|
+
}
|
808
1096
|
.text-gray-700 {
|
809
1097
|
color: var(--color-gray-700);
|
810
1098
|
}
|
@@ -820,9 +1108,18 @@
|
|
820
1108
|
.text-green-700 {
|
821
1109
|
color: var(--color-green-700);
|
822
1110
|
}
|
1111
|
+
.text-green-800 {
|
1112
|
+
color: var(--color-green-800);
|
1113
|
+
}
|
823
1114
|
.text-indigo-600 {
|
824
1115
|
color: var(--color-indigo-600);
|
825
1116
|
}
|
1117
|
+
.text-indigo-700 {
|
1118
|
+
color: var(--color-indigo-700);
|
1119
|
+
}
|
1120
|
+
.text-muted-foreground {
|
1121
|
+
color: var(--color-muted-foreground);
|
1122
|
+
}
|
826
1123
|
.text-purple-600 {
|
827
1124
|
color: var(--color-purple-600);
|
828
1125
|
}
|
@@ -832,22 +1129,53 @@
|
|
832
1129
|
.text-red-700 {
|
833
1130
|
color: var(--color-red-700);
|
834
1131
|
}
|
1132
|
+
.text-red-800 {
|
1133
|
+
color: var(--color-red-800);
|
1134
|
+
}
|
835
1135
|
.text-sky-600 {
|
836
1136
|
color: var(--color-sky-600);
|
837
1137
|
}
|
1138
|
+
.text-sky-700 {
|
1139
|
+
color: var(--color-sky-700);
|
1140
|
+
}
|
1141
|
+
.text-sky-800 {
|
1142
|
+
color: var(--color-sky-800);
|
1143
|
+
}
|
838
1144
|
.text-white {
|
839
1145
|
color: var(--color-white);
|
840
1146
|
}
|
1147
|
+
.text-zinc-400 {
|
1148
|
+
color: var(--color-zinc-400);
|
1149
|
+
}
|
1150
|
+
.text-zinc-500 {
|
1151
|
+
color: var(--color-zinc-500);
|
1152
|
+
}
|
1153
|
+
.text-zinc-700 {
|
1154
|
+
color: var(--color-zinc-700);
|
1155
|
+
}
|
1156
|
+
.text-zinc-800 {
|
1157
|
+
color: var(--color-zinc-800);
|
1158
|
+
}
|
1159
|
+
.text-zinc-900 {
|
1160
|
+
color: var(--color-zinc-900);
|
1161
|
+
}
|
841
1162
|
.capitalize {
|
842
1163
|
text-transform: capitalize;
|
843
1164
|
}
|
844
1165
|
.uppercase {
|
845
1166
|
text-transform: uppercase;
|
846
1167
|
}
|
1168
|
+
.underline {
|
1169
|
+
text-decoration-line: underline;
|
1170
|
+
}
|
847
1171
|
.antialiased {
|
848
1172
|
-webkit-font-smoothing: antialiased;
|
849
1173
|
-moz-osx-font-smoothing: grayscale;
|
850
1174
|
}
|
1175
|
+
.shadow {
|
1176
|
+
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
1177
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
1178
|
+
}
|
851
1179
|
.shadow-none {
|
852
1180
|
--tw-shadow: 0 0 #0000;
|
853
1181
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
@@ -860,14 +1188,33 @@
|
|
860
1188
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
861
1189
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
862
1190
|
}
|
1191
|
+
.outline {
|
1192
|
+
outline-style: var(--tw-outline-style);
|
1193
|
+
outline-width: 1px;
|
1194
|
+
}
|
1195
|
+
.grayscale {
|
1196
|
+
--tw-grayscale: grayscale(100%);
|
1197
|
+
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,);
|
1198
|
+
}
|
863
1199
|
.filter {
|
864
1200
|
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,);
|
865
1201
|
}
|
1202
|
+
.backdrop-filter {
|
1203
|
+
-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,);
|
1204
|
+
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,);
|
1205
|
+
}
|
866
1206
|
.transition {
|
867
1207
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
|
868
1208
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
869
1209
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
870
1210
|
}
|
1211
|
+
.hover\:bg-blue-700 {
|
1212
|
+
&:hover {
|
1213
|
+
@media (hover: hover) {
|
1214
|
+
background-color: var(--color-blue-700);
|
1215
|
+
}
|
1216
|
+
}
|
1217
|
+
}
|
871
1218
|
.hover\:bg-gray-50 {
|
872
1219
|
&:hover {
|
873
1220
|
@media (hover: hover) {
|
@@ -882,6 +1229,20 @@
|
|
882
1229
|
}
|
883
1230
|
}
|
884
1231
|
}
|
1232
|
+
.hover\:bg-indigo-200 {
|
1233
|
+
&:hover {
|
1234
|
+
@media (hover: hover) {
|
1235
|
+
background-color: var(--color-indigo-200);
|
1236
|
+
}
|
1237
|
+
}
|
1238
|
+
}
|
1239
|
+
.hover\:bg-red-200 {
|
1240
|
+
&:hover {
|
1241
|
+
@media (hover: hover) {
|
1242
|
+
background-color: var(--color-red-200);
|
1243
|
+
}
|
1244
|
+
}
|
1245
|
+
}
|
885
1246
|
.hover\:bg-red-700 {
|
886
1247
|
&:hover {
|
887
1248
|
@media (hover: hover) {
|
@@ -889,10 +1250,31 @@
|
|
889
1250
|
}
|
890
1251
|
}
|
891
1252
|
}
|
892
|
-
.hover\:
|
1253
|
+
.hover\:bg-zinc-50 {
|
893
1254
|
&:hover {
|
894
1255
|
@media (hover: hover) {
|
895
|
-
color: var(--color-
|
1256
|
+
background-color: var(--color-zinc-50);
|
1257
|
+
}
|
1258
|
+
}
|
1259
|
+
}
|
1260
|
+
.hover\:bg-zinc-100 {
|
1261
|
+
&:hover {
|
1262
|
+
@media (hover: hover) {
|
1263
|
+
background-color: var(--color-zinc-100);
|
1264
|
+
}
|
1265
|
+
}
|
1266
|
+
}
|
1267
|
+
.hover\:text-gray-700 {
|
1268
|
+
&:hover {
|
1269
|
+
@media (hover: hover) {
|
1270
|
+
color: var(--color-gray-700);
|
1271
|
+
}
|
1272
|
+
}
|
1273
|
+
}
|
1274
|
+
.hover\:text-indigo-900 {
|
1275
|
+
&:hover {
|
1276
|
+
@media (hover: hover) {
|
1277
|
+
color: var(--color-indigo-900);
|
896
1278
|
}
|
897
1279
|
}
|
898
1280
|
}
|
@@ -903,6 +1285,13 @@
|
|
903
1285
|
}
|
904
1286
|
}
|
905
1287
|
}
|
1288
|
+
.hover\:text-zinc-500 {
|
1289
|
+
&:hover {
|
1290
|
+
@media (hover: hover) {
|
1291
|
+
color: var(--color-zinc-500);
|
1292
|
+
}
|
1293
|
+
}
|
1294
|
+
}
|
906
1295
|
.hover\:underline {
|
907
1296
|
&:hover {
|
908
1297
|
@media (hover: hover) {
|
@@ -910,12 +1299,27 @@
|
|
910
1299
|
}
|
911
1300
|
}
|
912
1301
|
}
|
1302
|
+
.focus\:border-blue-500 {
|
1303
|
+
&:focus {
|
1304
|
+
border-color: var(--color-blue-500);
|
1305
|
+
}
|
1306
|
+
}
|
913
1307
|
.focus\:ring-2 {
|
914
1308
|
&:focus {
|
915
1309
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
916
1310
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
917
1311
|
}
|
918
1312
|
}
|
1313
|
+
.focus\:ring-blue-500 {
|
1314
|
+
&:focus {
|
1315
|
+
--tw-ring-color: var(--color-blue-500);
|
1316
|
+
}
|
1317
|
+
}
|
1318
|
+
.focus\:ring-indigo-500 {
|
1319
|
+
&:focus {
|
1320
|
+
--tw-ring-color: var(--color-indigo-500);
|
1321
|
+
}
|
1322
|
+
}
|
919
1323
|
.focus\:ring-red-500 {
|
920
1324
|
&:focus {
|
921
1325
|
--tw-ring-color: var(--color-red-500);
|
@@ -967,6 +1371,11 @@
|
|
967
1371
|
display: grid;
|
968
1372
|
}
|
969
1373
|
}
|
1374
|
+
.sm\:flex-1 {
|
1375
|
+
@media (width >= 40rem) {
|
1376
|
+
flex: 1;
|
1377
|
+
}
|
1378
|
+
}
|
970
1379
|
.sm\:grid-cols-2 {
|
971
1380
|
@media (width >= 40rem) {
|
972
1381
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
@@ -982,6 +1391,11 @@
|
|
982
1391
|
align-items: center;
|
983
1392
|
}
|
984
1393
|
}
|
1394
|
+
.sm\:justify-between {
|
1395
|
+
@media (width >= 40rem) {
|
1396
|
+
justify-content: space-between;
|
1397
|
+
}
|
1398
|
+
}
|
985
1399
|
.sm\:gap-4 {
|
986
1400
|
@media (width >= 40rem) {
|
987
1401
|
gap: calc(var(--spacing) * 4);
|
@@ -996,6 +1410,11 @@
|
|
996
1410
|
}
|
997
1411
|
}
|
998
1412
|
}
|
1413
|
+
.sm\:rounded-lg {
|
1414
|
+
@media (width >= 40rem) {
|
1415
|
+
border-radius: var(--radius-lg);
|
1416
|
+
}
|
1417
|
+
}
|
999
1418
|
.sm\:p-6 {
|
1000
1419
|
@media (width >= 40rem) {
|
1001
1420
|
padding: calc(var(--spacing) * 6);
|
@@ -1011,6 +1430,17 @@
|
|
1011
1430
|
padding-block: calc(var(--spacing) * 5);
|
1012
1431
|
}
|
1013
1432
|
}
|
1433
|
+
.sm\:text-sm {
|
1434
|
+
@media (width >= 40rem) {
|
1435
|
+
font-size: var(--text-sm);
|
1436
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
1437
|
+
}
|
1438
|
+
}
|
1439
|
+
.md\:w-1\/2 {
|
1440
|
+
@media (width >= 48rem) {
|
1441
|
+
width: calc(1/2 * 100%);
|
1442
|
+
}
|
1443
|
+
}
|
1014
1444
|
.md\:grid-cols-2 {
|
1015
1445
|
@media (width >= 48rem) {
|
1016
1446
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
@@ -1026,6 +1456,31 @@
|
|
1026
1456
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
1027
1457
|
}
|
1028
1458
|
}
|
1459
|
+
.md\:flex-row {
|
1460
|
+
@media (width >= 48rem) {
|
1461
|
+
flex-direction: row;
|
1462
|
+
}
|
1463
|
+
}
|
1464
|
+
.md\:items-center {
|
1465
|
+
@media (width >= 48rem) {
|
1466
|
+
align-items: center;
|
1467
|
+
}
|
1468
|
+
}
|
1469
|
+
.md\:justify-between {
|
1470
|
+
@media (width >= 48rem) {
|
1471
|
+
justify-content: space-between;
|
1472
|
+
}
|
1473
|
+
}
|
1474
|
+
.lg\:w-1\/3 {
|
1475
|
+
@media (width >= 64rem) {
|
1476
|
+
width: calc(1/3 * 100%);
|
1477
|
+
}
|
1478
|
+
}
|
1479
|
+
.lg\:grid-cols-4 {
|
1480
|
+
@media (width >= 64rem) {
|
1481
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
1482
|
+
}
|
1483
|
+
}
|
1029
1484
|
.dark\:divide-gray-700 {
|
1030
1485
|
&:is(.dark *) {
|
1031
1486
|
:where(& > :not(:last-child)) {
|
@@ -1033,6 +1488,18 @@
|
|
1033
1488
|
}
|
1034
1489
|
}
|
1035
1490
|
}
|
1491
|
+
.dark\:divide-zinc-700 {
|
1492
|
+
&:is(.dark *) {
|
1493
|
+
:where(& > :not(:last-child)) {
|
1494
|
+
border-color: var(--color-zinc-700);
|
1495
|
+
}
|
1496
|
+
}
|
1497
|
+
}
|
1498
|
+
.dark\:border-blue-600 {
|
1499
|
+
&:is(.dark *) {
|
1500
|
+
border-color: var(--color-blue-600);
|
1501
|
+
}
|
1502
|
+
}
|
1036
1503
|
.dark\:border-gray-600 {
|
1037
1504
|
&:is(.dark *) {
|
1038
1505
|
border-color: var(--color-gray-600);
|
@@ -1043,6 +1510,16 @@
|
|
1043
1510
|
border-color: var(--color-gray-700);
|
1044
1511
|
}
|
1045
1512
|
}
|
1513
|
+
.dark\:border-zinc-600 {
|
1514
|
+
&:is(.dark *) {
|
1515
|
+
border-color: var(--color-zinc-600);
|
1516
|
+
}
|
1517
|
+
}
|
1518
|
+
.dark\:border-zinc-700 {
|
1519
|
+
&:is(.dark *) {
|
1520
|
+
border-color: var(--color-zinc-700);
|
1521
|
+
}
|
1522
|
+
}
|
1046
1523
|
.dark\:bg-amber-600 {
|
1047
1524
|
&:is(.dark *) {
|
1048
1525
|
background-color: var(--color-amber-600);
|
@@ -1053,6 +1530,26 @@
|
|
1053
1530
|
background-color: var(--color-amber-700);
|
1054
1531
|
}
|
1055
1532
|
}
|
1533
|
+
.dark\:bg-amber-800 {
|
1534
|
+
&:is(.dark *) {
|
1535
|
+
background-color: var(--color-amber-800);
|
1536
|
+
}
|
1537
|
+
}
|
1538
|
+
.dark\:bg-amber-900 {
|
1539
|
+
&:is(.dark *) {
|
1540
|
+
background-color: var(--color-amber-900);
|
1541
|
+
}
|
1542
|
+
}
|
1543
|
+
.dark\:bg-background {
|
1544
|
+
&:is(.dark *) {
|
1545
|
+
background-color: var(--color-background);
|
1546
|
+
}
|
1547
|
+
}
|
1548
|
+
.dark\:bg-background\/20 {
|
1549
|
+
&:is(.dark *) {
|
1550
|
+
background-color: color-mix(in oklab, var(--color-background) 20%, transparent);
|
1551
|
+
}
|
1552
|
+
}
|
1056
1553
|
.dark\:bg-blue-600 {
|
1057
1554
|
&:is(.dark *) {
|
1058
1555
|
background-color: var(--color-blue-600);
|
@@ -1063,6 +1560,21 @@
|
|
1063
1560
|
background-color: var(--color-blue-700);
|
1064
1561
|
}
|
1065
1562
|
}
|
1563
|
+
.dark\:bg-blue-800 {
|
1564
|
+
&:is(.dark *) {
|
1565
|
+
background-color: var(--color-blue-800);
|
1566
|
+
}
|
1567
|
+
}
|
1568
|
+
.dark\:bg-blue-900 {
|
1569
|
+
&:is(.dark *) {
|
1570
|
+
background-color: var(--color-blue-900);
|
1571
|
+
}
|
1572
|
+
}
|
1573
|
+
.dark\:bg-card {
|
1574
|
+
&:is(.dark *) {
|
1575
|
+
background-color: var(--color-card);
|
1576
|
+
}
|
1577
|
+
}
|
1066
1578
|
.dark\:bg-gray-700 {
|
1067
1579
|
&:is(.dark *) {
|
1068
1580
|
background-color: var(--color-gray-700);
|
@@ -1088,11 +1600,31 @@
|
|
1088
1600
|
background-color: var(--color-green-700);
|
1089
1601
|
}
|
1090
1602
|
}
|
1603
|
+
.dark\:bg-green-800 {
|
1604
|
+
&:is(.dark *) {
|
1605
|
+
background-color: var(--color-green-800);
|
1606
|
+
}
|
1607
|
+
}
|
1608
|
+
.dark\:bg-green-900 {
|
1609
|
+
&:is(.dark *) {
|
1610
|
+
background-color: var(--color-green-900);
|
1611
|
+
}
|
1612
|
+
}
|
1091
1613
|
.dark\:bg-indigo-700 {
|
1092
1614
|
&:is(.dark *) {
|
1093
1615
|
background-color: var(--color-indigo-700);
|
1094
1616
|
}
|
1095
1617
|
}
|
1618
|
+
.dark\:bg-indigo-800 {
|
1619
|
+
&:is(.dark *) {
|
1620
|
+
background-color: var(--color-indigo-800);
|
1621
|
+
}
|
1622
|
+
}
|
1623
|
+
.dark\:bg-indigo-900 {
|
1624
|
+
&:is(.dark *) {
|
1625
|
+
background-color: var(--color-indigo-900);
|
1626
|
+
}
|
1627
|
+
}
|
1096
1628
|
.dark\:bg-purple-700 {
|
1097
1629
|
&:is(.dark *) {
|
1098
1630
|
background-color: var(--color-purple-700);
|
@@ -1108,26 +1640,86 @@
|
|
1108
1640
|
background-color: var(--color-red-700);
|
1109
1641
|
}
|
1110
1642
|
}
|
1643
|
+
.dark\:bg-red-800 {
|
1644
|
+
&:is(.dark *) {
|
1645
|
+
background-color: var(--color-red-800);
|
1646
|
+
}
|
1647
|
+
}
|
1648
|
+
.dark\:bg-red-900 {
|
1649
|
+
&:is(.dark *) {
|
1650
|
+
background-color: var(--color-red-900);
|
1651
|
+
}
|
1652
|
+
}
|
1653
|
+
.dark\:bg-secondary {
|
1654
|
+
&:is(.dark *) {
|
1655
|
+
background-color: var(--color-secondary);
|
1656
|
+
}
|
1657
|
+
}
|
1111
1658
|
.dark\:bg-sky-700 {
|
1112
1659
|
&:is(.dark *) {
|
1113
1660
|
background-color: var(--color-sky-700);
|
1114
1661
|
}
|
1115
1662
|
}
|
1663
|
+
.dark\:bg-sky-900 {
|
1664
|
+
&:is(.dark *) {
|
1665
|
+
background-color: var(--color-sky-900);
|
1666
|
+
}
|
1667
|
+
}
|
1668
|
+
.dark\:bg-zinc-800 {
|
1669
|
+
&:is(.dark *) {
|
1670
|
+
background-color: var(--color-zinc-800);
|
1671
|
+
}
|
1672
|
+
}
|
1673
|
+
.dark\:bg-zinc-900 {
|
1674
|
+
&:is(.dark *) {
|
1675
|
+
background-color: var(--color-zinc-900);
|
1676
|
+
}
|
1677
|
+
}
|
1116
1678
|
.dark\:text-amber-100 {
|
1117
1679
|
&:is(.dark *) {
|
1118
1680
|
color: var(--color-amber-100);
|
1119
1681
|
}
|
1120
1682
|
}
|
1683
|
+
.dark\:text-amber-200 {
|
1684
|
+
&:is(.dark *) {
|
1685
|
+
color: var(--color-amber-200);
|
1686
|
+
}
|
1687
|
+
}
|
1688
|
+
.dark\:text-amber-300 {
|
1689
|
+
&:is(.dark *) {
|
1690
|
+
color: var(--color-amber-300);
|
1691
|
+
}
|
1692
|
+
}
|
1693
|
+
.dark\:text-amber-400 {
|
1694
|
+
&:is(.dark *) {
|
1695
|
+
color: var(--color-amber-400);
|
1696
|
+
}
|
1697
|
+
}
|
1121
1698
|
.dark\:text-blue-100 {
|
1122
1699
|
&:is(.dark *) {
|
1123
1700
|
color: var(--color-blue-100);
|
1124
1701
|
}
|
1125
1702
|
}
|
1703
|
+
.dark\:text-blue-300 {
|
1704
|
+
&:is(.dark *) {
|
1705
|
+
color: var(--color-blue-300);
|
1706
|
+
}
|
1707
|
+
}
|
1126
1708
|
.dark\:text-blue-400 {
|
1127
1709
|
&:is(.dark *) {
|
1128
1710
|
color: var(--color-blue-400);
|
1129
1711
|
}
|
1130
1712
|
}
|
1713
|
+
.dark\:text-gray-100 {
|
1714
|
+
&:is(.dark *) {
|
1715
|
+
color: var(--color-gray-100);
|
1716
|
+
}
|
1717
|
+
}
|
1718
|
+
.dark\:text-gray-200 {
|
1719
|
+
&:is(.dark *) {
|
1720
|
+
color: var(--color-gray-200);
|
1721
|
+
}
|
1722
|
+
}
|
1131
1723
|
.dark\:text-gray-300 {
|
1132
1724
|
&:is(.dark *) {
|
1133
1725
|
color: var(--color-gray-300);
|
@@ -1138,16 +1730,46 @@
|
|
1138
1730
|
color: var(--color-gray-400);
|
1139
1731
|
}
|
1140
1732
|
}
|
1733
|
+
.dark\:text-gray-500 {
|
1734
|
+
&:is(.dark *) {
|
1735
|
+
color: var(--color-gray-500);
|
1736
|
+
}
|
1737
|
+
}
|
1141
1738
|
.dark\:text-green-100 {
|
1142
1739
|
&:is(.dark *) {
|
1143
1740
|
color: var(--color-green-100);
|
1144
1741
|
}
|
1145
1742
|
}
|
1743
|
+
.dark\:text-green-200 {
|
1744
|
+
&:is(.dark *) {
|
1745
|
+
color: var(--color-green-200);
|
1746
|
+
}
|
1747
|
+
}
|
1748
|
+
.dark\:text-green-300 {
|
1749
|
+
&:is(.dark *) {
|
1750
|
+
color: var(--color-green-300);
|
1751
|
+
}
|
1752
|
+
}
|
1753
|
+
.dark\:text-green-400 {
|
1754
|
+
&:is(.dark *) {
|
1755
|
+
color: var(--color-green-400);
|
1756
|
+
}
|
1757
|
+
}
|
1146
1758
|
.dark\:text-indigo-100 {
|
1147
1759
|
&:is(.dark *) {
|
1148
1760
|
color: var(--color-indigo-100);
|
1149
1761
|
}
|
1150
1762
|
}
|
1763
|
+
.dark\:text-indigo-300 {
|
1764
|
+
&:is(.dark *) {
|
1765
|
+
color: var(--color-indigo-300);
|
1766
|
+
}
|
1767
|
+
}
|
1768
|
+
.dark\:text-indigo-400 {
|
1769
|
+
&:is(.dark *) {
|
1770
|
+
color: var(--color-indigo-400);
|
1771
|
+
}
|
1772
|
+
}
|
1151
1773
|
.dark\:text-purple-100 {
|
1152
1774
|
&:is(.dark *) {
|
1153
1775
|
color: var(--color-purple-100);
|
@@ -1158,6 +1780,16 @@
|
|
1158
1780
|
color: var(--color-red-100);
|
1159
1781
|
}
|
1160
1782
|
}
|
1783
|
+
.dark\:text-red-200 {
|
1784
|
+
&:is(.dark *) {
|
1785
|
+
color: var(--color-red-200);
|
1786
|
+
}
|
1787
|
+
}
|
1788
|
+
.dark\:text-red-300 {
|
1789
|
+
&:is(.dark *) {
|
1790
|
+
color: var(--color-red-300);
|
1791
|
+
}
|
1792
|
+
}
|
1161
1793
|
.dark\:text-red-400 {
|
1162
1794
|
&:is(.dark *) {
|
1163
1795
|
color: var(--color-red-400);
|
@@ -1168,11 +1800,55 @@
|
|
1168
1800
|
color: var(--color-sky-100);
|
1169
1801
|
}
|
1170
1802
|
}
|
1803
|
+
.dark\:text-sky-200 {
|
1804
|
+
&:is(.dark *) {
|
1805
|
+
color: var(--color-sky-200);
|
1806
|
+
}
|
1807
|
+
}
|
1808
|
+
.dark\:text-sky-300 {
|
1809
|
+
&:is(.dark *) {
|
1810
|
+
color: var(--color-sky-300);
|
1811
|
+
}
|
1812
|
+
}
|
1813
|
+
.dark\:text-sky-400 {
|
1814
|
+
&:is(.dark *) {
|
1815
|
+
color: var(--color-sky-400);
|
1816
|
+
}
|
1817
|
+
}
|
1171
1818
|
.dark\:text-white {
|
1172
1819
|
&:is(.dark *) {
|
1173
1820
|
color: var(--color-white);
|
1174
1821
|
}
|
1175
1822
|
}
|
1823
|
+
.dark\:text-zinc-100 {
|
1824
|
+
&:is(.dark *) {
|
1825
|
+
color: var(--color-zinc-100);
|
1826
|
+
}
|
1827
|
+
}
|
1828
|
+
.dark\:text-zinc-300 {
|
1829
|
+
&:is(.dark *) {
|
1830
|
+
color: var(--color-zinc-300);
|
1831
|
+
}
|
1832
|
+
}
|
1833
|
+
.dark\:text-zinc-400 {
|
1834
|
+
&:is(.dark *) {
|
1835
|
+
color: var(--color-zinc-400);
|
1836
|
+
}
|
1837
|
+
}
|
1838
|
+
.dark\:text-zinc-500 {
|
1839
|
+
&:is(.dark *) {
|
1840
|
+
color: var(--color-zinc-500);
|
1841
|
+
}
|
1842
|
+
}
|
1843
|
+
.dark\:hover\:bg-gray-600 {
|
1844
|
+
&:is(.dark *) {
|
1845
|
+
&:hover {
|
1846
|
+
@media (hover: hover) {
|
1847
|
+
background-color: var(--color-gray-600);
|
1848
|
+
}
|
1849
|
+
}
|
1850
|
+
}
|
1851
|
+
}
|
1176
1852
|
.dark\:hover\:bg-gray-700 {
|
1177
1853
|
&:is(.dark *) {
|
1178
1854
|
&:hover {
|
@@ -1182,6 +1858,42 @@
|
|
1182
1858
|
}
|
1183
1859
|
}
|
1184
1860
|
}
|
1861
|
+
.dark\:hover\:bg-indigo-800 {
|
1862
|
+
&:is(.dark *) {
|
1863
|
+
&:hover {
|
1864
|
+
@media (hover: hover) {
|
1865
|
+
background-color: var(--color-indigo-800);
|
1866
|
+
}
|
1867
|
+
}
|
1868
|
+
}
|
1869
|
+
}
|
1870
|
+
.dark\:hover\:bg-red-800 {
|
1871
|
+
&:is(.dark *) {
|
1872
|
+
&:hover {
|
1873
|
+
@media (hover: hover) {
|
1874
|
+
background-color: var(--color-red-800);
|
1875
|
+
}
|
1876
|
+
}
|
1877
|
+
}
|
1878
|
+
}
|
1879
|
+
.dark\:hover\:bg-secondary {
|
1880
|
+
&:is(.dark *) {
|
1881
|
+
&:hover {
|
1882
|
+
@media (hover: hover) {
|
1883
|
+
background-color: var(--color-secondary);
|
1884
|
+
}
|
1885
|
+
}
|
1886
|
+
}
|
1887
|
+
}
|
1888
|
+
.dark\:hover\:bg-zinc-700 {
|
1889
|
+
&:is(.dark *) {
|
1890
|
+
&:hover {
|
1891
|
+
@media (hover: hover) {
|
1892
|
+
background-color: var(--color-zinc-700);
|
1893
|
+
}
|
1894
|
+
}
|
1895
|
+
}
|
1896
|
+
}
|
1185
1897
|
.dark\:hover\:text-gray-300 {
|
1186
1898
|
&:is(.dark *) {
|
1187
1899
|
&:hover {
|
@@ -1191,6 +1903,15 @@
|
|
1191
1903
|
}
|
1192
1904
|
}
|
1193
1905
|
}
|
1906
|
+
.dark\:hover\:text-indigo-300 {
|
1907
|
+
&:is(.dark *) {
|
1908
|
+
&:hover {
|
1909
|
+
@media (hover: hover) {
|
1910
|
+
color: var(--color-indigo-300);
|
1911
|
+
}
|
1912
|
+
}
|
1913
|
+
}
|
1914
|
+
}
|
1194
1915
|
.dark\:hover\:text-red-300 {
|
1195
1916
|
&:is(.dark *) {
|
1196
1917
|
&:hover {
|
@@ -1200,10 +1921,19 @@
|
|
1200
1921
|
}
|
1201
1922
|
}
|
1202
1923
|
}
|
1924
|
+
.dark\:hover\:text-zinc-300 {
|
1925
|
+
&:is(.dark *) {
|
1926
|
+
&:hover {
|
1927
|
+
@media (hover: hover) {
|
1928
|
+
color: var(--color-zinc-300);
|
1929
|
+
}
|
1930
|
+
}
|
1931
|
+
}
|
1932
|
+
}
|
1203
1933
|
}
|
1204
1934
|
@layer base {
|
1205
1935
|
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
1206
|
-
border-color: var(--color-
|
1936
|
+
border-color: var(--color-zinc-200, currentColor);
|
1207
1937
|
}
|
1208
1938
|
}
|
1209
1939
|
@layer base {
|
@@ -1235,23 +1965,23 @@
|
|
1235
1965
|
--chart-5: 27 87% 67%;
|
1236
1966
|
}
|
1237
1967
|
.dark {
|
1238
|
-
--background:
|
1968
|
+
--background: 0 0% 1%;
|
1239
1969
|
--foreground: 0 0% 92%;
|
1240
|
-
--card: 240
|
1970
|
+
--card: 240 0% 10%;
|
1241
1971
|
--card-foreground: 0 0% 92%;
|
1242
|
-
--popover: 240
|
1972
|
+
--popover: 240 0% 12%;
|
1243
1973
|
--popover-foreground: 0 0% 98%;
|
1244
1974
|
--primary: 0 0% 95%;
|
1245
1975
|
--primary-foreground: 240 5.9% 10%;
|
1246
|
-
--secondary: 240 3.7%
|
1976
|
+
--secondary: 240 3.7% 20%;
|
1247
1977
|
--secondary-foreground: 0 0% 98%;
|
1248
|
-
--muted: 240 3.7%
|
1978
|
+
--muted: 240 3.7% 20%;
|
1249
1979
|
--muted-foreground: 240 5% 64.9%;
|
1250
|
-
--accent: 240 3.7%
|
1980
|
+
--accent: 240 3.7% 20%;
|
1251
1981
|
--accent-foreground: 0 0% 98%;
|
1252
1982
|
--destructive: 0 62.8% 30.6%;
|
1253
1983
|
--destructive-foreground: 0 0% 98%;
|
1254
|
-
--border: 240 3.7%
|
1984
|
+
--border: 240 3.7% 16%;
|
1255
1985
|
--input: 240 3.7% 15.9%;
|
1256
1986
|
--ring: 240 4.9% 83.9%;
|
1257
1987
|
--chart-1: 220 70% 50%;
|
@@ -1466,3 +2196,39 @@
|
|
1466
2196
|
syntax: "*";
|
1467
2197
|
inherits: false;
|
1468
2198
|
}
|
2199
|
+
@property --tw-backdrop-blur {
|
2200
|
+
syntax: "*";
|
2201
|
+
inherits: false;
|
2202
|
+
}
|
2203
|
+
@property --tw-backdrop-brightness {
|
2204
|
+
syntax: "*";
|
2205
|
+
inherits: false;
|
2206
|
+
}
|
2207
|
+
@property --tw-backdrop-contrast {
|
2208
|
+
syntax: "*";
|
2209
|
+
inherits: false;
|
2210
|
+
}
|
2211
|
+
@property --tw-backdrop-grayscale {
|
2212
|
+
syntax: "*";
|
2213
|
+
inherits: false;
|
2214
|
+
}
|
2215
|
+
@property --tw-backdrop-hue-rotate {
|
2216
|
+
syntax: "*";
|
2217
|
+
inherits: false;
|
2218
|
+
}
|
2219
|
+
@property --tw-backdrop-invert {
|
2220
|
+
syntax: "*";
|
2221
|
+
inherits: false;
|
2222
|
+
}
|
2223
|
+
@property --tw-backdrop-opacity {
|
2224
|
+
syntax: "*";
|
2225
|
+
inherits: false;
|
2226
|
+
}
|
2227
|
+
@property --tw-backdrop-saturate {
|
2228
|
+
syntax: "*";
|
2229
|
+
inherits: false;
|
2230
|
+
}
|
2231
|
+
@property --tw-backdrop-sepia {
|
2232
|
+
syntax: "*";
|
2233
|
+
inherits: false;
|
2234
|
+
}
|