Design rudimentary UI for printing text

2025-03-02 21:57:07 +01:00 · 2025-03-02 21:57:07 +01:00 · 8eaf465101
commit 8eaf465101
parent c81f331c04
3 changed files with 67 additions and 20 deletions
--- a/showbits-thermal-printer-ui/src/components/CSegmentText.vue
+++ b/showbits-thermal-printer-ui/src/components/CSegmentText.vue
@ -0,0 +1,27 @@
+<script setup lang="ts"></script>
+
+<template>
+  <section>
+    <h2>Text</h2>
+    <textarea rows="10"></textarea>
+    <fieldset>
+      <label><input type="checkbox" /> Force-Wrap</label>
+      <label><input type="checkbox" checked /> Feed</label>
+    </fieldset>
+    <button>Print</button>
+  </section>
+</template>
+
+<style scoped>
+section {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+fieldset {
+  display: flex;
+  flex-direction: column;
+  border: none;
+}
+</style>