this repo has no description
feat: add responsivity
+14
-1
+14
-1
public/index.html
+14
-1
public/index.html
···
76
76
77
77
.graph-container {
78
78
flex: 1;
79
+
flex-basis: inherit;
79
80
background-color: var(--bg-secondary);
80
81
border-radius: 16px;
81
82
padding: 1.5rem;
82
83
height: 500px;
83
-
position: sticky;
84
84
top: 1rem;
85
85
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
86
86
border: 1px solid rgba(59, 130, 246, 0.1);
···
629
629
width: 16px;
630
630
height: 16px;
631
631
border-radius: 4px;
632
+
}
633
+
634
+
@media (max-width: 768px) {
635
+
.main-container {
636
+
flex-direction: column;
637
+
flex-direction: column-reverse;
638
+
}
639
+
}
640
+
641
+
@media (max-width: 540px) {
642
+
.graph-container {
643
+
height: 300px;
644
+
}
632
645
}
633
646
</style>
634
647
</head>