[Perl] DAQ system for the FAPG.
Fix probe graph appearance.
roles/dashboard/public/css/app.css
@@ -28,7 +28,7 @@
28
28
}
29
29
30
30
.site-main {
31
Removed:
width: min(1100px, calc(100% - 2rem));
31
Added:
width: calc(100% - 2rem);
32
32
margin: 0 auto 2rem;
33
33
}
34
34
@@ -72,7 +72,7 @@
72
72
align-items: center;
73
73
justify-content: space-between;
74
74
gap: 1rem;
75
Removed:
width: min(1100px, calc(100% - 2rem));
75
Added:
width: calc(100% - 2rem);
76
76
margin: 0 auto 1rem;
77
77
}
78
78
@@ -655,19 +655,28 @@
655
655
656
656
.probes-grid {
657
657
display: grid;
658
Removed:
grid-template-columns: repeat(4, minmax(0, 1fr));
658
Added:
grid-template-columns: 1fr;
659
659
gap: 1rem;
660
660
}
661
661
662
Removed:
@media (min-width: 901px) {
662
Added:
@media (min-width: 701px) {
663
663
.probes-grid {
664
Removed:
position: relative;
665
Removed:
left: 50%;
666
Removed:
width: max(100%, 61.8034vw);
667
Removed:
transform: translateX(-50%);
664
Added:
grid-template-columns: repeat(2, minmax(0, 1fr));
668
665
}
669
666
}
670
667
668
Added:
@media (min-width: 1100px) {
669
Added:
.probes-grid {
670
Added:
grid-template-columns: repeat(3, minmax(0, 1fr));
671
Added:
}
672
Added:
}
673
Added:
674
Added:
@media (min-width: 1500px) {
675
Added:
.probes-grid {
676
Added:
grid-template-columns: repeat(4, minmax(0, 1fr));
677
Added:
}
678
Added:
}
679
Added:
671
680
.graph-control {
672
681
display: flex;
673
682
flex-wrap: wrap;
@@ -739,14 +748,30 @@
739
748
.probes-grid .card {
740
749
display: flex;
741
750
flex-direction: column;
751
Added:
aspect-ratio: 1 / 1;
742
752
}
743
753
744
754
.probes-grid .card-body {
745
755
display: flex;
746
756
flex: 1;
747
757
flex-direction: column;
758
Added:
min-height: 0;
748
759
}
749
760
761
Added:
.probes-grid .tab-panel.is-active {
762
Added:
display: flex;
763
Added:
flex: 1;
764
Added:
flex-direction: column;
765
Added:
min-height: 0;
766
Added:
}
767
Added:
768
Added:
.probes-grid .chart-wrap {
769
Added:
flex: 1;
770
Added:
min-height: 0;
771
Added:
max-height: none;
772
Added:
aspect-ratio: auto;
773
Added:
}
774
Added:
750
775
.tabs {
751
776
display: flex;
752
777
flex-wrap: wrap;
@@ -936,10 +961,6 @@
936
961
}
937
962
938
963
@media (max-width: 900px) {
939
Removed:
.probes-grid {
940
Removed:
grid-template-columns: repeat(2, minmax(0, 1fr));
941
Removed:
}
942
Removed:
943
964
.reading-quick-grid {
944
965
grid-template-columns: repeat(2, minmax(0, 1fr));
945
966
}