Spaces:
Running on Zero
Running on Zero
Fix mobile editor header text and spacing
Browse files
app.py
CHANGED
|
@@ -928,7 +928,7 @@ KINEMATIC_TREE_EDITOR_CSS = """
|
|
| 928 |
border: 1px solid var(--kin-panel-border);
|
| 929 |
border-radius: 8px;
|
| 930 |
background: var(--kin-panel-bg);
|
| 931 |
-
margin:
|
| 932 |
overflow: hidden;
|
| 933 |
flex: 1 1 auto;
|
| 934 |
min-height: 500px;
|
|
@@ -938,16 +938,16 @@ KINEMATIC_TREE_EDITOR_CSS = """
|
|
| 938 |
flex-direction: column;
|
| 939 |
}
|
| 940 |
.kin-tree-header {
|
| 941 |
-
padding: 12px
|
| 942 |
border-bottom: 1px solid var(--kin-panel-border);
|
| 943 |
}
|
| 944 |
-
.kin-tree-header h3 {
|
| 945 |
-
margin: 0 0
|
| 946 |
font-size: 16px;
|
| 947 |
color: var(--kin-text) !important;
|
| 948 |
}
|
| 949 |
-
.kin-tree-header p {
|
| 950 |
-
margin: 0;
|
| 951 |
max-width: 68ch;
|
| 952 |
color: var(--kin-muted) !important;
|
| 953 |
font-size: 13px;
|
|
@@ -1216,16 +1216,16 @@ KINEMATIC_TREE_EDITOR_CSS = """
|
|
| 1216 |
flex-direction: column;
|
| 1217 |
}
|
| 1218 |
.prompt-picker-header {
|
| 1219 |
-
padding:
|
| 1220 |
border-bottom: 1px solid var(--kin-panel-border);
|
| 1221 |
}
|
| 1222 |
-
.prompt-picker-header h3 {
|
| 1223 |
-
margin: 0 0 5px;
|
| 1224 |
font-size: 15px;
|
| 1225 |
color: var(--kin-text) !important;
|
| 1226 |
}
|
| 1227 |
-
.prompt-picker-header p {
|
| 1228 |
-
margin: 0;
|
| 1229 |
max-width: 62ch;
|
| 1230 |
color: var(--kin-muted) !important;
|
| 1231 |
font-size: 13px;
|
|
@@ -1327,14 +1327,16 @@ KINEMATIC_TREE_EDITOR_CSS = """
|
|
| 1327 |
margin-top: 0 !important;
|
| 1328 |
}
|
| 1329 |
#kin-tree-editor .kin-tree-header {
|
| 1330 |
-
padding: 8px 10px
|
| 1331 |
}
|
| 1332 |
#kin-tree-editor .kin-tree-header h3 {
|
| 1333 |
-
margin: 0 !important;
|
| 1334 |
font-size: 14px !important;
|
| 1335 |
}
|
| 1336 |
#kin-tree-editor .kin-tree-header p {
|
| 1337 |
-
display:
|
|
|
|
|
|
|
| 1338 |
}
|
| 1339 |
#kin-tree-editor .kin-tree-toolbar {
|
| 1340 |
padding: 6px 8px !important;
|
|
|
|
| 928 |
border: 1px solid var(--kin-panel-border);
|
| 929 |
border-radius: 8px;
|
| 930 |
background: var(--kin-panel-bg);
|
| 931 |
+
margin: 0;
|
| 932 |
overflow: hidden;
|
| 933 |
flex: 1 1 auto;
|
| 934 |
min-height: 500px;
|
|
|
|
| 938 |
flex-direction: column;
|
| 939 |
}
|
| 940 |
.kin-tree-header {
|
| 941 |
+
padding: 8px 12px !important;
|
| 942 |
border-bottom: 1px solid var(--kin-panel-border);
|
| 943 |
}
|
| 944 |
+
#kin-tree-editor .kin-tree-header h3 {
|
| 945 |
+
margin: 0 0 5px !important;
|
| 946 |
font-size: 16px;
|
| 947 |
color: var(--kin-text) !important;
|
| 948 |
}
|
| 949 |
+
#kin-tree-editor .kin-tree-header p {
|
| 950 |
+
margin: 0 !important;
|
| 951 |
max-width: 68ch;
|
| 952 |
color: var(--kin-muted) !important;
|
| 953 |
font-size: 13px;
|
|
|
|
| 1216 |
flex-direction: column;
|
| 1217 |
}
|
| 1218 |
.prompt-picker-header {
|
| 1219 |
+
padding: 8px 12px !important;
|
| 1220 |
border-bottom: 1px solid var(--kin-panel-border);
|
| 1221 |
}
|
| 1222 |
+
#point-prompt-picker .prompt-picker-header h3 {
|
| 1223 |
+
margin: 0 0 5px !important;
|
| 1224 |
font-size: 15px;
|
| 1225 |
color: var(--kin-text) !important;
|
| 1226 |
}
|
| 1227 |
+
#point-prompt-picker .prompt-picker-header p {
|
| 1228 |
+
margin: 0 !important;
|
| 1229 |
max-width: 62ch;
|
| 1230 |
color: var(--kin-muted) !important;
|
| 1231 |
font-size: 13px;
|
|
|
|
| 1327 |
margin-top: 0 !important;
|
| 1328 |
}
|
| 1329 |
#kin-tree-editor .kin-tree-header {
|
| 1330 |
+
padding: 8px 10px !important;
|
| 1331 |
}
|
| 1332 |
#kin-tree-editor .kin-tree-header h3 {
|
| 1333 |
+
margin: 0 0 4px !important;
|
| 1334 |
font-size: 14px !important;
|
| 1335 |
}
|
| 1336 |
#kin-tree-editor .kin-tree-header p {
|
| 1337 |
+
display: block !important;
|
| 1338 |
+
font-size: 12px !important;
|
| 1339 |
+
line-height: 1.35 !important;
|
| 1340 |
}
|
| 1341 |
#kin-tree-editor .kin-tree-toolbar {
|
| 1342 |
padding: 6px 8px !important;
|