this repo has no description
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
+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
+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
}