Update ui_components.py
Browse files- ui_components.py +32 -7
ui_components.py
CHANGED
|
@@ -169,15 +169,40 @@ CSS = """
|
|
| 169 |
padding: 12px !important;
|
| 170 |
}
|
| 171 |
|
| 172 |
-
/*
|
| 173 |
-
|
| 174 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 175 |
}
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
|
|
|
|
|
|
| 180 |
}
|
|
|
|
| 181 |
"""
|
| 182 |
|
| 183 |
def get_header_html():
|
|
|
|
| 169 |
padding: 12px !important;
|
| 170 |
}
|
| 171 |
|
| 172 |
+
/* Window toggle */
|
| 173 |
+
#window-radio {
|
| 174 |
+
display: flex;
|
| 175 |
+
align-items: center;
|
| 176 |
+
gap: 0 !important;
|
| 177 |
+
}
|
| 178 |
+
#window-radio .wrap {
|
| 179 |
+
display: flex;
|
| 180 |
+
gap: 6px;
|
| 181 |
+
flex-direction: row !important;
|
| 182 |
+
}
|
| 183 |
+
#window-radio label {
|
| 184 |
+
background: #f1f5f9;
|
| 185 |
+
border-radius: 10px;
|
| 186 |
+
padding: 4px 14px;
|
| 187 |
+
font-size: 0.8rem;
|
| 188 |
+
font-weight: 600;
|
| 189 |
+
color: #64748b;
|
| 190 |
+
cursor: pointer;
|
| 191 |
+
border: none;
|
| 192 |
+
}
|
| 193 |
+
#window-radio input[type=radio]:checked + label,
|
| 194 |
+
#window-radio label:has(input:checked) {
|
| 195 |
+
background: #0f172a;
|
| 196 |
+
color: white;
|
| 197 |
}
|
| 198 |
+
|
| 199 |
+
/* Tabs row alignment */
|
| 200 |
+
.tab-row-header {
|
| 201 |
+
display: flex;
|
| 202 |
+
justify-content: space-between;
|
| 203 |
+
align-items: center;
|
| 204 |
}
|
| 205 |
+
|
| 206 |
"""
|
| 207 |
|
| 208 |
def get_header_html():
|