Update:Notification config UI for mobile #996

This commit is contained in:
advplyr 2022-09-25 11:50:41 -05:00
parent 39a13e3610
commit b6e3559aba
3 changed files with 10 additions and 10 deletions

View file

@ -6,15 +6,15 @@
</div>
</template>
<form @submit.prevent="submitForm">
<div class="p-4 w-full text-sm rounded-lg bg-bg shadow-lg border border-black-300">
<div class="w-full p-8">
<div class="w-full text-sm rounded-lg bg-bg shadow-lg border border-black-300">
<div class="w-full px-3 py-5 md:p-12">
<ui-dropdown v-model="newNotification.eventName" label="Notification Event" :items="eventOptions" class="mb-4" @input="eventOptionUpdated" />
<ui-multi-select v-model="newNotification.urls" label="Apprise URL(s)" class="mb-2" />
<ui-text-input-with-label v-model="newNotification.titleTemplate" label="Title Template" class="mb-2" />
<ui-textarea-with-label v-model="newNotification.bodyTemplate" label="Body Template" class="mb-2" />
<ui-textarea-with-label v-model="newNotification.bodyTemplate" label="Body Template" :rows="4" class="mb-2" />
<p v-if="availableVariables" class="text-sm text-gray-300"><strong>Available variables:</strong> {{ availableVariables.join(', ') }}</p>