solid_errors 0.3.5 → 0.4.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,1095 +1,14 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html class="h-full">
3
3
  <head>
4
4
  <title>Solid Errors</title>
5
5
  <%= csrf_meta_tags %>
6
6
  <%= csp_meta_tag %>
7
7
 
8
- <style>
9
- /*
10
- ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
11
- */
12
-
13
- /*
14
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
15
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
16
- */
17
-
18
- *,
19
- ::before,
20
- ::after {
21
- box-sizing: border-box;
22
- /* 1 */
23
- border-width: 0;
24
- /* 2 */
25
- border-style: solid;
26
- /* 2 */
27
- border-color: #e5e7eb;
28
- /* 2 */
29
- }
30
-
31
- ::before,
32
- ::after {
33
- --tw-content: '';
34
- }
35
-
36
- /*
37
- 1. Use a consistent sensible line-height in all browsers.
38
- 2. Prevent adjustments of font size after orientation changes in iOS.
39
- 3. Use a more readable tab size.
40
- 4. Use the user's configured `sans` font-family by default.
41
- 5. Use the user's configured `sans` font-feature-settings by default.
42
- 6. Use the user's configured `sans` font-variation-settings by default.
43
- 7. Disable tap highlights on iOS
44
- */
45
-
46
- html,
47
- :host {
48
- line-height: 1.5;
49
- /* 1 */
50
- -webkit-text-size-adjust: 100%;
51
- /* 2 */
52
- -moz-tab-size: 4;
53
- /* 3 */
54
- tab-size: 4;
55
- /* 3 */
56
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
57
- /* 4 */
58
- font-feature-settings: normal;
59
- /* 5 */
60
- font-variation-settings: normal;
61
- /* 6 */
62
- -webkit-tap-highlight-color: transparent;
63
- /* 7 */
64
- }
65
-
66
- /*
67
- 1. Remove the margin in all browsers.
68
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
69
- */
70
-
71
- body {
72
- margin: 0;
73
- /* 1 */
74
- line-height: inherit;
75
- /* 2 */
76
- }
77
-
78
- /*
79
- 1. Add the correct height in Firefox.
80
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
81
- 3. Ensure horizontal rules are visible by default.
82
- */
83
-
84
- hr {
85
- height: 0;
86
- /* 1 */
87
- color: inherit;
88
- /* 2 */
89
- border-top-width: 1px;
90
- /* 3 */
91
- }
92
-
93
- /*
94
- Add the correct text decoration in Chrome, Edge, and Safari.
95
- */
96
-
97
- abbr:where([title]) {
98
- text-decoration-line: underline;
99
- text-decoration-style: dotted;
100
- }
101
-
102
- /*
103
- Remove the default font size and weight for headings.
104
- */
105
-
106
- h1,
107
- h2,
108
- h3,
109
- h4,
110
- h5,
111
- h6 {
112
- font-size: inherit;
113
- font-weight: inherit;
114
- }
115
-
116
- /*
117
- Reset links to optimize for opt-in styling instead of opt-out.
118
- */
119
-
120
- a {
121
- color: inherit;
122
- text-decoration: inherit;
123
- }
124
-
125
- /*
126
- Add the correct font weight in Edge and Safari.
127
- */
128
-
129
- b,
130
- strong {
131
- font-weight: bolder;
132
- }
133
-
134
- /*
135
- 1. Use the user's configured `mono` font-family by default.
136
- 2. Use the user's configured `mono` font-feature-settings by default.
137
- 3. Use the user's configured `mono` font-variation-settings by default.
138
- 4. Correct the odd `em` font sizing in all browsers.
139
- */
140
-
141
- code,
142
- kbd,
143
- samp,
144
- pre {
145
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
146
- /* 1 */
147
- font-feature-settings: normal;
148
- /* 2 */
149
- font-variation-settings: normal;
150
- /* 3 */
151
- font-size: 1em;
152
- /* 4 */
153
- }
154
-
155
- /*
156
- Add the correct font size in all browsers.
157
- */
158
-
159
- small {
160
- font-size: 80%;
161
- }
162
-
163
- /*
164
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
165
- */
166
-
167
- sub,
168
- sup {
169
- font-size: 75%;
170
- line-height: 0;
171
- position: relative;
172
- vertical-align: baseline;
173
- }
174
-
175
- sub {
176
- bottom: -0.25em;
177
- }
178
-
179
- sup {
180
- top: -0.5em;
181
- }
182
-
183
- /*
184
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
185
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
186
- 3. Remove gaps between table borders by default.
187
- */
188
-
189
- table {
190
- text-indent: 0;
191
- /* 1 */
192
- border-color: inherit;
193
- /* 2 */
194
- border-collapse: collapse;
195
- /* 3 */
196
- }
197
-
198
- /*
199
- 1. Change the font styles in all browsers.
200
- 2. Remove the margin in Firefox and Safari.
201
- 3. Remove default padding in all browsers.
202
- */
203
-
204
- button,
205
- input,
206
- optgroup,
207
- select,
208
- textarea {
209
- font-family: inherit;
210
- /* 1 */
211
- font-feature-settings: inherit;
212
- /* 1 */
213
- font-variation-settings: inherit;
214
- /* 1 */
215
- font-size: 100%;
216
- /* 1 */
217
- font-weight: inherit;
218
- /* 1 */
219
- line-height: inherit;
220
- /* 1 */
221
- color: inherit;
222
- /* 1 */
223
- margin: 0;
224
- /* 2 */
225
- padding: 0;
226
- /* 3 */
227
- }
228
-
229
- /*
230
- Remove the inheritance of text transform in Edge and Firefox.
231
- */
232
-
233
- button,
234
- select {
235
- text-transform: none;
236
- }
237
-
238
- /*
239
- 1. Correct the inability to style clickable types in iOS and Safari.
240
- 2. Remove default button styles.
241
- */
242
-
243
- button,
244
- [type='button'],
245
- [type='reset'],
246
- [type='submit'] {
247
- -webkit-appearance: button;
248
- /* 1 */
249
- background-color: transparent;
250
- /* 2 */
251
- background-image: none;
252
- /* 2 */
253
- }
254
-
255
- /*
256
- Use the modern Firefox focus style for all focusable elements.
257
- */
258
-
259
- :-moz-focusring {
260
- outline: auto;
261
- }
262
-
263
- /*
264
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
265
- */
266
-
267
- :-moz-ui-invalid {
268
- box-shadow: none;
269
- }
270
-
271
- /*
272
- Add the correct vertical alignment in Chrome and Firefox.
273
- */
274
-
275
- progress {
276
- vertical-align: baseline;
277
- }
278
-
279
- /*
280
- Correct the cursor style of increment and decrement buttons in Safari.
281
- */
282
-
283
- ::-webkit-inner-spin-button,
284
- ::-webkit-outer-spin-button {
285
- height: auto;
286
- }
287
-
288
- /*
289
- 1. Correct the odd appearance in Chrome and Safari.
290
- 2. Correct the outline style in Safari.
291
- */
292
-
293
- [type='search'] {
294
- -webkit-appearance: textfield;
295
- /* 1 */
296
- outline-offset: -2px;
297
- /* 2 */
298
- }
299
-
300
- /*
301
- Remove the inner padding in Chrome and Safari on macOS.
302
- */
303
-
304
- ::-webkit-search-decoration {
305
- -webkit-appearance: none;
306
- }
307
-
308
- /*
309
- 1. Correct the inability to style clickable types in iOS and Safari.
310
- 2. Change font properties to `inherit` in Safari.
311
- */
312
-
313
- ::-webkit-file-upload-button {
314
- -webkit-appearance: button;
315
- /* 1 */
316
- font: inherit;
317
- /* 2 */
318
- }
319
-
320
- /*
321
- Add the correct display in Chrome and Safari.
322
- */
323
-
324
- summary {
325
- display: list-item;
326
- }
327
-
328
- /*
329
- Removes the default spacing and border for appropriate elements.
330
- */
331
-
332
- blockquote,
333
- dl,
334
- dd,
335
- h1,
336
- h2,
337
- h3,
338
- h4,
339
- h5,
340
- h6,
341
- hr,
342
- figure,
343
- p,
344
- pre {
345
- margin: 0;
346
- }
347
-
348
- fieldset {
349
- margin: 0;
350
- padding: 0;
351
- }
352
-
353
- legend {
354
- padding: 0;
355
- }
356
-
357
- ol,
358
- ul,
359
- menu {
360
- list-style: none;
361
- margin: 0;
362
- padding: 0;
363
- }
364
-
365
- /*
366
- Reset default styling for dialogs.
367
- */
368
-
369
- dialog {
370
- padding: 0;
371
- }
372
-
373
- /*
374
- Prevent resizing textareas horizontally by default.
375
- */
376
-
377
- textarea {
378
- resize: vertical;
379
- }
380
-
381
- /*
382
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
383
- 2. Set the default placeholder color to the user's configured gray 400 color.
384
- */
385
-
386
- input::placeholder,
387
- textarea::placeholder {
388
- opacity: 1;
389
- /* 1 */
390
- color: #9ca3af;
391
- /* 2 */
392
- }
393
-
394
- /*
395
- Set the default cursor for buttons.
396
- */
397
-
398
- button,
399
- [role="button"] {
400
- cursor: pointer;
401
- }
402
-
403
- /*
404
- Make sure disabled buttons don't get the pointer cursor.
405
- */
406
-
407
- :disabled {
408
- cursor: default;
409
- }
410
-
411
- /*
412
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
413
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
414
- This can trigger a poorly considered lint error in some tools but is included by design.
415
- */
416
-
417
- img,
418
- svg,
419
- video,
420
- canvas,
421
- audio,
422
- iframe,
423
- embed,
424
- object {
425
- display: block;
426
- /* 1 */
427
- vertical-align: middle;
428
- /* 2 */
429
- }
430
-
431
- /*
432
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
433
- */
434
-
435
- img,
436
- video {
437
- max-width: 100%;
438
- height: auto;
439
- }
440
-
441
- /* Make elements with the HTML hidden attribute stay hidden by default */
442
-
443
- [hidden] {
444
- display: none;
445
- }
446
-
447
- *, ::before, ::after{
448
- --tw-border-spacing-x: 0;
449
- --tw-border-spacing-y: 0;
450
- --tw-translate-x: 0;
451
- --tw-translate-y: 0;
452
- --tw-rotate: 0;
453
- --tw-skew-x: 0;
454
- --tw-skew-y: 0;
455
- --tw-scale-x: 1;
456
- --tw-scale-y: 1;
457
- --tw-pan-x: ;
458
- --tw-pan-y: ;
459
- --tw-pinch-zoom: ;
460
- --tw-scroll-snap-strictness: proximity;
461
- --tw-gradient-from-position: ;
462
- --tw-gradient-via-position: ;
463
- --tw-gradient-to-position: ;
464
- --tw-ordinal: ;
465
- --tw-slashed-zero: ;
466
- --tw-numeric-figure: ;
467
- --tw-numeric-spacing: ;
468
- --tw-numeric-fraction: ;
469
- --tw-ring-inset: ;
470
- --tw-ring-offset-width: 0px;
471
- --tw-ring-offset-color: #fff;
472
- --tw-ring-color: rgb(59 130 246 / 0.5);
473
- --tw-ring-offset-shadow: 0 0 #0000;
474
- --tw-ring-shadow: 0 0 #0000;
475
- --tw-shadow: 0 0 #0000;
476
- --tw-shadow-colored: 0 0 #0000;
477
- --tw-blur: ;
478
- --tw-brightness: ;
479
- --tw-contrast: ;
480
- --tw-grayscale: ;
481
- --tw-hue-rotate: ;
482
- --tw-invert: ;
483
- --tw-saturate: ;
484
- --tw-sepia: ;
485
- --tw-drop-shadow: ;
486
- --tw-backdrop-blur: ;
487
- --tw-backdrop-brightness: ;
488
- --tw-backdrop-contrast: ;
489
- --tw-backdrop-grayscale: ;
490
- --tw-backdrop-hue-rotate: ;
491
- --tw-backdrop-invert: ;
492
- --tw-backdrop-opacity: ;
493
- --tw-backdrop-saturate: ;
494
- --tw-backdrop-sepia:
495
- }
496
-
497
- ::backdrop{
498
- --tw-border-spacing-x: 0;
499
- --tw-border-spacing-y: 0;
500
- --tw-translate-x: 0;
501
- --tw-translate-y: 0;
502
- --tw-rotate: 0;
503
- --tw-skew-x: 0;
504
- --tw-skew-y: 0;
505
- --tw-scale-x: 1;
506
- --tw-scale-y: 1;
507
- --tw-pan-x: ;
508
- --tw-pan-y: ;
509
- --tw-pinch-zoom: ;
510
- --tw-scroll-snap-strictness: proximity;
511
- --tw-gradient-from-position: ;
512
- --tw-gradient-via-position: ;
513
- --tw-gradient-to-position: ;
514
- --tw-ordinal: ;
515
- --tw-slashed-zero: ;
516
- --tw-numeric-figure: ;
517
- --tw-numeric-spacing: ;
518
- --tw-numeric-fraction: ;
519
- --tw-ring-inset: ;
520
- --tw-ring-offset-width: 0px;
521
- --tw-ring-offset-color: #fff;
522
- --tw-ring-color: rgb(59 130 246 / 0.5);
523
- --tw-ring-offset-shadow: 0 0 #0000;
524
- --tw-ring-shadow: 0 0 #0000;
525
- --tw-shadow: 0 0 #0000;
526
- --tw-shadow-colored: 0 0 #0000;
527
- --tw-blur: ;
528
- --tw-brightness: ;
529
- --tw-contrast: ;
530
- --tw-grayscale: ;
531
- --tw-hue-rotate: ;
532
- --tw-invert: ;
533
- --tw-saturate: ;
534
- --tw-sepia: ;
535
- --tw-drop-shadow: ;
536
- --tw-backdrop-blur: ;
537
- --tw-backdrop-brightness: ;
538
- --tw-backdrop-contrast: ;
539
- --tw-backdrop-grayscale: ;
540
- --tw-backdrop-hue-rotate: ;
541
- --tw-backdrop-invert: ;
542
- --tw-backdrop-opacity: ;
543
- --tw-backdrop-saturate: ;
544
- --tw-backdrop-sepia:
545
- }
546
-
547
- .container{
548
- width: 100%
549
- }
550
-
551
- @media (min-width: 640px){
552
- .container{
553
- max-width: 640px
554
- }
555
- }
556
-
557
- @media (min-width: 768px){
558
- .container{
559
- max-width: 768px
560
- }
561
- }
562
-
563
- @media (min-width: 1024px){
564
- .container{
565
- max-width: 1024px
566
- }
567
- }
568
-
569
- @media (min-width: 1280px){
570
- .container{
571
- max-width: 1280px
572
- }
573
- }
574
-
575
- @media (min-width: 1536px){
576
- .container{
577
- max-width: 1536px
578
- }
579
- }
580
-
581
- .sr-only{
582
- position: absolute;
583
- width: 1px;
584
- height: 1px;
585
- padding: 0;
586
- margin: -1px;
587
- overflow: hidden;
588
- clip: rect(0, 0, 0, 0);
589
- white-space: nowrap;
590
- border-width: 0
591
- }
592
-
593
- .fixed{
594
- position: fixed
595
- }
596
-
597
- .relative{
598
- position: relative
599
- }
600
-
601
- .left-0{
602
- left: 0px
603
- }
604
-
605
- .right-0{
606
- right: 0px
607
- }
608
-
609
- .top-0{
610
- top: 0px
611
- }
612
-
613
- .-mx-2{
614
- margin-left: -0.5rem;
615
- margin-right: -0.5rem
616
- }
617
-
618
- .mx-auto{
619
- margin-left: auto;
620
- margin-right: auto
621
- }
622
-
623
- .mb-3{
624
- margin-bottom: 0.75rem
625
- }
626
-
627
- .ml-6{
628
- margin-left: 1.5rem
629
- }
630
-
631
- .mr-2{
632
- margin-right: 0.5rem
633
- }
634
-
635
- .mt-4{
636
- margin-top: 1rem
637
- }
638
-
639
- .inline-block{
640
- display: inline-block
641
- }
642
-
643
- .flex{
644
- display: flex
645
- }
646
-
647
- .inline-flex{
648
- display: inline-flex
649
- }
650
-
651
- .table{
652
- display: table
653
- }
654
-
655
- .grid{
656
- display: grid
657
- }
658
-
659
- .min-h-full{
660
- min-height: 100%
661
- }
662
-
663
- .min-w-full{
664
- min-width: 100%
665
- }
666
-
667
- .flex-1{
668
- flex: 1 1 0%
669
- }
670
-
671
- .cursor-help{
672
- cursor: help
673
- }
674
-
675
- .cursor-pointer{
676
- cursor: pointer
677
- }
678
-
679
- .select-none{
680
- user-select: none
681
- }
682
-
683
- .grid-cols-2{
684
- grid-template-columns: repeat(2, minmax(0, 1fr))
685
- }
686
-
687
- .flex-col{
688
- flex-direction: column
689
- }
690
-
691
- .flex-wrap{
692
- flex-wrap: wrap
693
- }
694
-
695
- .items-start{
696
- align-items: flex-start
697
- }
698
-
699
- .items-center{
700
- align-items: center
701
- }
702
-
703
- .items-baseline{
704
- align-items: baseline
705
- }
706
-
707
- .justify-start{
708
- justify-content: flex-start
709
- }
710
-
711
- .justify-center{
712
- justify-content: center
713
- }
714
-
715
- .justify-between{
716
- justify-content: space-between
717
- }
718
-
719
- .gap-1{
720
- gap: 0.25rem
721
- }
722
-
723
- .gap-2{
724
- gap: 0.5rem
725
- }
726
-
727
- .gap-3{
728
- gap: 0.75rem
729
- }
730
-
731
- .gap-x-2{
732
- column-gap: 0.5rem
733
- }
734
-
735
- .gap-x-4{
736
- column-gap: 1rem
737
- }
738
-
739
- .space-y-6 > :not([hidden]) ~ :not([hidden]){
740
- --tw-space-y-reverse: 0;
741
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
742
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
743
- }
744
-
745
- .divide-y > :not([hidden]) ~ :not([hidden]){
746
- --tw-divide-y-reverse: 0;
747
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
748
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
749
- }
750
-
751
- .divide-gray-300 > :not([hidden]) ~ :not([hidden]){
752
- --tw-divide-opacity: 1;
753
- border-color: rgb(209 213 219 / var(--tw-divide-opacity))
754
- }
755
-
756
- .overflow-auto{
757
- overflow: auto
758
- }
759
-
760
- .whitespace-nowrap{
761
- white-space: nowrap
762
- }
763
-
764
- .whitespace-pre-wrap{
765
- white-space: pre-wrap
766
- }
767
-
768
- .rounded{
769
- border-radius: 0.25rem
770
- }
771
-
772
- .rounded-lg{
773
- border-radius: 0.5rem
774
- }
775
-
776
- .rounded-b-lg{
777
- border-bottom-right-radius: 0.5rem;
778
- border-bottom-left-radius: 0.5rem
779
- }
780
-
781
- .border{
782
- border-width: 1px
783
- }
784
-
785
- .border-b{
786
- border-bottom-width: 1px
787
- }
788
-
789
- .border-blue-500{
790
- --tw-border-opacity: 1;
791
- border-color: rgb(59 130 246 / var(--tw-border-opacity))
792
- }
793
-
794
- .border-gray-300{
795
- --tw-border-opacity: 1;
796
- border-color: rgb(209 213 219 / var(--tw-border-opacity))
797
- }
798
-
799
- .bg-gray-100{
800
- --tw-bg-opacity: 1;
801
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
802
- }
803
-
804
- .bg-green-50{
805
- --tw-bg-opacity: 1;
806
- background-color: rgb(240 253 244 / var(--tw-bg-opacity))
807
- }
808
-
809
- .bg-red-50{
810
- --tw-bg-opacity: 1;
811
- background-color: rgb(254 242 242 / var(--tw-bg-opacity))
812
- }
813
-
814
- .bg-slate-800{
815
- --tw-bg-opacity: 1;
816
- background-color: rgb(30 41 59 / var(--tw-bg-opacity))
817
- }
818
-
819
- .bg-transparent{
820
- background-color: transparent
821
- }
822
-
823
- .bg-white{
824
- --tw-bg-opacity: 1;
825
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
826
- }
827
-
828
- .p-2{
829
- padding: 0.5rem
830
- }
831
-
832
- .p-4{
833
- padding: 1rem
834
- }
835
-
836
- .px-0{
837
- padding-left: 0px;
838
- padding-right: 0px
839
- }
840
-
841
- .px-2{
842
- padding-left: 0.5rem;
843
- padding-right: 0.5rem
844
- }
845
-
846
- .px-3{
847
- padding-left: 0.75rem;
848
- padding-right: 0.75rem
849
- }
850
-
851
- .px-5{
852
- padding-left: 1.25rem;
853
- padding-right: 1.25rem
854
- }
855
-
856
- .py-1{
857
- padding-top: 0.25rem;
858
- padding-bottom: 0.25rem
859
- }
860
-
861
- .py-2{
862
- padding-top: 0.5rem;
863
- padding-bottom: 0.5rem
864
- }
865
-
866
- .py-3{
867
- padding-top: 0.75rem;
868
- padding-bottom: 0.75rem
869
- }
870
-
871
- .py-3\.5{
872
- padding-top: 0.875rem;
873
- padding-bottom: 0.875rem
874
- }
875
-
876
- .py-4{
877
- padding-top: 1rem;
878
- padding-bottom: 1rem
879
- }
880
-
881
- .pb-4{
882
- padding-bottom: 1rem
883
- }
884
-
885
- .pl-3{
886
- padding-left: 0.75rem
887
- }
888
-
889
- .pl-4{
890
- padding-left: 1rem
891
- }
892
-
893
- .pr-3{
894
- padding-right: 0.75rem
895
- }
896
-
897
- .pr-4{
898
- padding-right: 1rem
899
- }
900
-
901
- .pt-7{
902
- padding-top: 1.75rem
903
- }
904
-
905
- .rounded-md{
906
- border-radius: 0.375rem
907
- }
908
-
909
- .text-left{
910
- text-align: left
911
- }
912
-
913
- .text-center{
914
- text-align: center
915
- }
916
-
917
- .text-right{
918
- text-align: right
919
- }
920
-
921
- .align-top{
922
- vertical-align: top
923
- }
924
-
925
- .text-2xl{
926
- font-size: 1.5rem;
927
- line-height: 2rem
928
- }
929
-
930
- .text-base{
931
- font-size: 1rem;
932
- line-height: 1.5rem
933
- }
934
-
935
- .text-sm{
936
- font-size: 0.875rem;
937
- line-height: 1.25rem
938
- }
939
-
940
- .font-bold{
941
- font-weight: 700
942
- }
943
-
944
- .font-medium{
945
- font-weight: 500
946
- }
947
-
948
- .font-semibold{
949
- font-weight: 600
950
- }
951
-
952
- .leading-normal{
953
- line-height: 1.5
954
- }
955
-
956
- .bg-blue-100{
957
- --tw-bg-opacity: 1;
958
- background-color: rgb(219 234 254 / var(--tw-bg-opacity))
959
- }
960
-
961
- .bg-red-100{
962
- --tw-bg-opacity: 1;
963
- background-color: rgb(254 226 226 / var(--tw-bg-opacity))
964
- }
965
-
966
- .bg-yellow-100{
967
- --tw-bg-opacity: 1;
968
- background-color: rgb(254 249 195 / var(--tw-bg-opacity))
969
- }
970
-
971
- .text-blue-400{
972
- --tw-text-opacity: 1;
973
- color: rgb(96 165 250 / var(--tw-text-opacity))
974
- }
975
-
976
- .text-blue-500{
977
- --tw-text-opacity: 1;
978
- color: rgb(59 130 246 / var(--tw-text-opacity))
979
- }
980
-
981
- .text-gray-500{
982
- --tw-text-opacity: 1;
983
- color: rgb(107 114 128 / var(--tw-text-opacity))
984
- }
985
-
986
- .text-gray-600{
987
- --tw-text-opacity: 1;
988
- color: rgb(75 85 99 / var(--tw-text-opacity))
989
- }
990
-
991
- .text-gray-900{
992
- --tw-text-opacity: 1;
993
- color: rgb(17 24 39 / var(--tw-text-opacity))
994
- }
995
-
996
- .text-green-500{
997
- --tw-text-opacity: 1;
998
- color: rgb(34 197 94 / var(--tw-text-opacity))
999
- }
1000
-
1001
- .text-red-500{
1002
- --tw-text-opacity: 1;
1003
- color: rgb(239 68 68 / var(--tw-text-opacity))
1004
- }
1005
-
1006
- .text-blue-800{
1007
- --tw-text-opacity: 1;
1008
- color: rgb(30 64 175 / var(--tw-text-opacity))
1009
- }
1010
-
1011
- .text-red-800{
1012
- --tw-text-opacity: 1;
1013
- color: rgb(153 27 27 / var(--tw-text-opacity))
1014
- }
1015
-
1016
- .text-yellow-800{
1017
- --tw-text-opacity: 1;
1018
- color: rgb(133 77 14 / var(--tw-text-opacity))
1019
- }
1020
-
1021
- .text-white{
1022
- --tw-text-opacity: 1;
1023
- color: rgb(255 255 255 / var(--tw-text-opacity))
1024
- }
1025
-
1026
- .underline{
1027
- text-decoration-line: underline
1028
- }
1029
-
1030
- .transition-opacity{
1031
- transition-property: opacity;
1032
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1033
- transition-duration: 150ms
1034
- }
1035
-
1036
- .opacity-0{
1037
- opacity: 0
1038
- }
1039
-
1040
- .even\:bg-gray-50:nth-child(even){
1041
- --tw-bg-opacity: 1;
1042
- background-color: rgb(249 250 251 / var(--tw-bg-opacity))
1043
- }
1044
-
1045
- .hover\:bg-gray-50:hover{
1046
- --tw-bg-opacity: 1;
1047
- background-color: rgb(249 250 251 / var(--tw-bg-opacity))
1048
- }
1049
-
1050
- .hover\:ring-8:hover{
1051
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1052
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1053
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
1054
- }
1055
-
1056
- .hover\:ring-blue-200:hover{
1057
- --tw-ring-opacity: 1;
1058
- --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))
1059
- }
1060
-
1061
- .hover\:ring-gray-200:hover{
1062
- --tw-ring-opacity: 1;
1063
- --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))
1064
- }
1065
-
1066
- @media (min-width: 640px){
1067
- .sm\:mx-0{
1068
- margin-left: 0px;
1069
- margin-right: 0px
1070
- }
1071
-
1072
- .sm\:rounded-md{
1073
- border-radius: 0.375rem
1074
- }
1075
-
1076
- .sm\:rounded-t-lg{
1077
- border-top-left-radius: 0.5rem;
1078
- border-top-right-radius: 0.5rem
1079
- }
1080
-
1081
- .sm\:pl-3{
1082
- padding-left: 0.75rem
1083
- }
1084
-
1085
- .sm\:pr-3{
1086
- padding-right: 0.75rem
1087
- }
1088
- }
1089
- </style>
8
+ <%= render "layouts/solid_errors/style" %>
1090
9
  </head>
1091
- <body class="pb-4">
1092
- <main class="container mx-auto mt-4">
10
+ <body class="h-full flex flex-col pb-4">
11
+ <main class="grow container mx-auto mt-4">
1093
12
  <%= content_for?(:content) ? yield(:content) : yield %>
1094
13
  </main>
1095
14