style: change comment input fields' variant

Dwigoric · Aug 4, 2023 · 28ce073 · 28ce073
1 parent b5aed62
commit 28ce073
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/PostComment.vue b/src/components/PostComment.vue
@@ -151,6 +151,8 @@ async function saveComment() {
                     <VForm v-else ref="form">
                         <VTextarea
                             class="new-reply-input"
+                            variant="solo-filled"
+                            auto-grow="auto-grow"
                             v-model="newComment"
                             placeholder="Enter a new comment..."
                             :rules="commentRules"
@@ -200,6 +202,9 @@ async function saveComment() {
             placeholder="Reply to this comment..."
             class="new-reply-input"
             active="true"
+            variant="solo-filled"
+            auto-grow="auto-grow"
+            clearable="clearable"
             v-if="loggedInStore.username && id === currentCommentStore.currentComment"
             v-model="newReplyBody"
             no-resize=""

diff --git a/src/views/PostView.vue b/src/views/PostView.vue
@@ -202,7 +202,10 @@ watch(
                     placeholder="Add a comment..."
                     id="new-comment-body"
                     active="true"
-                    no-resize
+                    no-resize="no-resize"
+                    variant="solo-filled"
+                    auto-grow="auto-grow"
+                    clearable="clearable"
                     :rules="commentRules"
                     rows="1"
                     v-model="newCommentBody"