feat: image edit dialog mobile style (#526)
This commit is contained in:
parent
cc0472b9e6
commit
8c53fff9af
|
@ -45,13 +45,13 @@ const description = ref(props.attachment.description ?? '')
|
||||||
py-6
|
py-6
|
||||||
px-6 max-w-300
|
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>
|
<div flex flex-col gap-2 justify-between>
|
||||||
<h1 id="edit-attachment" font-bold>
|
<h1 id="edit-attachment" font-bold>
|
||||||
{{ $t('attachment.edit_title') }}
|
{{ $t('attachment.edit_title') }}
|
||||||
</h1>
|
</h1>
|
||||||
<div flex flex-col gap-2>
|
<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)">
|
<button btn-outline @click="$emit('setDescription', description)">
|
||||||
{{ $t('action.apply') }}
|
{{ $t('action.apply') }}
|
||||||
</button>
|
</button>
|
||||||
|
|
Loading…
Reference in a new issue