feat: web demo parity with desktop (web/static/css/style.css)
Browse files- web/static/css/style.css +25 -0
web/static/css/style.css
CHANGED
|
@@ -152,6 +152,31 @@ select {
|
|
| 152 |
display: block;
|
| 153 |
}
|
| 154 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 155 |
/* ---------- Colorbar (right side, larger) ---------- */
|
| 156 |
#colorbar-wrapper {
|
| 157 |
position: absolute;
|
|
|
|
| 152 |
display: block;
|
| 153 |
}
|
| 154 |
|
| 155 |
+
/* ---------- Right: VAE Diversity chart ---------- */
|
| 156 |
+
#diversity-panel {
|
| 157 |
+
width: 480px;
|
| 158 |
+
min-width: 420px;
|
| 159 |
+
border-left: 1px solid #d0d7de;
|
| 160 |
+
background: #fcfcfc;
|
| 161 |
+
display: flex;
|
| 162 |
+
flex-direction: column;
|
| 163 |
+
padding: 12px;
|
| 164 |
+
gap: 6px;
|
| 165 |
+
}
|
| 166 |
+
|
| 167 |
+
#diversity-chart {
|
| 168 |
+
flex: 1;
|
| 169 |
+
min-height: 0;
|
| 170 |
+
}
|
| 171 |
+
|
| 172 |
+
#diversity-status {
|
| 173 |
+
font-size: 11px;
|
| 174 |
+
color: #555;
|
| 175 |
+
text-align: center;
|
| 176 |
+
padding: 4px 6px;
|
| 177 |
+
border-top: 1px solid #e4e8ee;
|
| 178 |
+
}
|
| 179 |
+
|
| 180 |
/* ---------- Colorbar (right side, larger) ---------- */
|
| 181 |
#colorbar-wrapper {
|
| 182 |
position: absolute;
|