Garmelon/showbits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix text area width on chrome

Browse source
This commit is contained in:
Joscha 2025-03-03 23:53:25 +01:00
parent fc56be9466
commit d09063b3f3
2 changed files with 6 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

8
showbits-thermal-printer-ui/src/components/CDocumentChat.vue
View file

@ -43,12 +43,10 @@ function submit() {
</label>
<label for="content">Content:</label>
<!-- For some reason one col = 2 characters. -->
<textarea
id="content"
v-model="content"
rows="10"
cols="24"
:disabled
@keypress="textareaKeypress"
></textarea>
@ -71,11 +69,11 @@ textarea {
margin-top: -16px;
align-self: center;
width: fit-content;
width: 384px;
/* Prevent manual resizing from changing the width. */
min-width: fit-content;
max-width: fit-content;
min-width: 384px;
max-width: 384px;
/* Emulate how typst wraps text. */
overflow-wrap: normal;

8
showbits-thermal-printer-ui/src/components/CDocumentText.vue
View file

@ -35,11 +35,9 @@ function submit() {
<form ref="form" @submit.prevent="submit">
<h2>Text</h2>
<!-- For some reason one col = 2 characters. -->
<textarea
v-model="text"
rows="10"
cols="24"
:style="textareaStyle"
:disabled
@keypress="textareaKeypress"
@ -67,11 +65,11 @@ form {
textarea {
align-self: center;
width: fit-content;
width: 384px;
/* Prevent manual resizing from changing the width. */
min-width: fit-content;
max-width: fit-content;
min-width: 384px;
max-width: 384px;
}
.wide {