this repo has no description
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: editor textarea auto-sizes to content; center card previews; constrain list width

- Textarea height tracks scrollHeight+3px on mount and input
- Card list constrained to 55rem, centered
- Card previews centered via text-align on .card-row
- min-height reduced to 3rem

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

+12 -2
+4 -1
crates/tala/assets/main.css
··· 112 112 gap: 24px; 113 113 padding: 16px; 114 114 background: #13151c; 115 + margin: 0 auto; 116 + width: 55rem; 115 117 } 116 118 117 119 .card-row { ··· 121 123 cursor: pointer; 122 124 background: #13151c; 123 125 flex-shrink: 0; 126 + text-align: center; 124 127 } 125 128 126 129 .card-row.active { ··· 177 180 resize: none; 178 181 outline: none; 179 182 box-sizing: border-box; 180 - min-height: 6rem; 183 + min-height: 3rem; 181 184 display: block; 182 185 } 183 186
+8 -1
crates/tala/src/editor.rs
··· 1061 1061 } 1062 1062 } 1063 1063 save_status.set(SaveStatus::Dirty); 1064 + spawn(async move { 1065 + document::eval( 1066 + "var t=document.querySelector('.card-row.active textarea');\ 1067 + if(t){t.style.height='auto';t.style.height=(t.scrollHeight+3)+'px';}" 1068 + ).await.ok(); 1069 + }); 1064 1070 }; 1065 1071 1066 1072 // ── Snapshot values for RSX ──────────────────────────────────────────────── ··· 1313 1319 spawn(async move { 1314 1320 document::eval(&format!( 1315 1321 "var t=document.querySelector('.card-row.active textarea');\ 1316 - if(t){{t.value=atob('{}');t.focus();}}", b64 1322 + if(t){{t.value=atob('{}');t.focus();\ 1323 + t.style.height='auto';t.style.height=(t.scrollHeight+3)+'px';}}", b64 1317 1324 )).await.ok(); 1318 1325 }); 1319 1326 }