From 8c53fff9afa01396c09c31904547338d928dd087 Mon Sep 17 00:00:00 2001
From: Clark Cui <46164858+clark-cui@users.noreply.github.com>
Date: Fri, 23 Dec 2022 17:09:52 +0800
Subject: [PATCH] feat: image edit dialog mobile style (#526)

---
 components/publish/PublishAttachment.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/publish/PublishAttachment.vue b/components/publish/PublishAttachment.vue
index 8dc3d20a..7365239c 100644
--- a/components/publish/PublishAttachment.vue
+++ b/components/publish/PublishAttachment.vue
@@ -45,13 +45,13 @@ const description = ref(props.attachment.description ?? '')
       py-6
       px-6 max-w-300
     >
-      <div flex gap-5>
+      <div flex flex-col-reverse gap-5 md:flex-row>
         <div flex flex-col gap-2 justify-between>
           <h1 id="edit-attachment" font-bold>
             {{ $t('attachment.edit_title') }}
           </h1>
           <div flex flex-col gap-2>
-            <textarea v-model="description" p-3 w-100 h-50 bg-base rounded-2 border-strong border-1 />
+            <textarea v-model="description" p-3 h-50 bg-base rounded-2 border-strong border-1 md:w-100 />
             <button btn-outline @click="$emit('setDescription', description)">
               {{ $t('action.apply') }}
             </button>