From a54c8b0fba8fdd4b1156b78a939f0c031b790524 Mon Sep 17 00:00:00 2001
From: Tony Yang <t510599@gmail.com>
Date: Tue, 15 Apr 2025 10:57:48 +0800
Subject: [PATCH] update: form RWD

---
 src/components/Board/BoardForm.vue     | 12 ++++++++++++
 src/components/Profile/ProfileForm.vue | 10 ++++++++++
 2 files changed, 22 insertions(+)

diff --git a/src/components/Board/BoardForm.vue b/src/components/Board/BoardForm.vue
index facc270..36d179d 100644
--- a/src/components/Board/BoardForm.vue
+++ b/src/components/Board/BoardForm.vue
@@ -45,3 +45,15 @@ function submit() {
     </fieldset>
   </form>
 </template>
+
+<style scoped>
+@media screen and (max-width: 768px) {
+  .ts-control {
+    --label-width: 50px;
+  }
+
+  .ts-control .content.is-fluid {
+    max-width: 100%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Profile/ProfileForm.vue b/src/components/Profile/ProfileForm.vue
index 4ddd1f3..084c305 100644
--- a/src/components/Profile/ProfileForm.vue
+++ b/src/components/Profile/ProfileForm.vue
@@ -97,4 +97,14 @@ const avatarUrl = computed(() => {
   color: red;
   font-size: 0.8em;
 }
+
+@media screen and (max-width: 768px) {
+  .ts-control {
+    --label-width: 80px;
+  }
+
+  .ts-control .content.is-fluid {
+    max-width: 100%;
+  }
+}
 </style>