rayli commited on
Commit
5c8fcaf
·
verified ·
1 Parent(s): 488548c

Fix mobile editor header text and spacing

Browse files
Files changed (1) hide show
  1. app.py +16 -14
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: 8px 0 0;
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 14px 9px;
942
  border-bottom: 1px solid var(--kin-panel-border);
943
  }
944
- .kin-tree-header h3 {
945
- margin: 0 0 6px;
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: 10px 12px;
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 6px !important;
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: none !important;
 
 
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;