adjust more UI on the Advanced section, and make other small code & UI tweaks

This commit is contained in:
2024-01-27 17:32:17 -07:00
parent 2db52cb72e
commit d7530ff56b
7 changed files with 95 additions and 77 deletions

View File

@@ -302,7 +302,7 @@
@click="handleChange"
>
<!-- label -->
<span class="text-slate-500 text-sm font-bold">Contacts</span>
<span class="text-slate-500 text-sm font-bold">Contacts Display</span>
<span class="ml-2">Show amounts given</span>
<!-- toggle -->
<div class="relative ml-2">
@@ -322,33 +322,17 @@
</div>
</label>
<div class="grid-cols-2 mb-4">
<span class="text-slate-500 text-sm font-bold">Import</span>
<input type="file" @change="uploadFile" class="ml-2" />
<div v-if="showContactImport()">
<button
class="block text-center text-md uppercase bg-green-600 text-white px-1.5 py-2 rounded-md mb-6"
@click="submitFile()"
>
Import Settings & Contacts
<br />
(excluding Identifier Data)
</button>
</div>
</div>
<div>
<h2 class="text-slate-500 text-sm font-bold mt-4">Claim Server</h2>
<div class="flex px-4 py-4">
Server
<div class="px-4 py-4">
<input
type="text"
class="block w-full rounded border border-slate-400 px-3 py-2"
class="block w-full rounded border border-slate-400 px-4 py-2"
v-model="apiServerInput"
/>
<button
v-if="apiServerInput != apiServer"
class="px-4 rounded bg-red-500 border border-slate-400"
class="w-full px-4 rounded bg-yellow-500 border border-slate-400"
@click="onClickSaveApiServer()"
>
<fa icon="floppy-disk" class="fa-fw" color="white"></fa>
@@ -414,10 +398,10 @@
</label>
</div>
<div class="flex py-4">
<h2 class="text-slate-500 text-sm font-bold mb-2">
Notification Push Server
</h2>
<h2 class="text-slate-500 text-sm font-bold mb-2">
Notification Push Server
</h2>
<div class="px-3 py-4">
<input
type="text"
class="block w-full rounded border border-slate-400 px-3 py-2"
@@ -425,7 +409,7 @@
/>
<button
v-if="webPushServerInput != webPushServer"
class="px-4 rounded bg-red-500 border border-slate-400"
class="w-full px-4 rounded bg-yellow-500 border border-slate-400"
@click="onClickSavePushServer()"
>
<fa icon="floppy-disk" class="fa-fw" color="white"></fa>
@@ -455,6 +439,27 @@
{{ DEFAULT_PUSH_SERVER }}
</span>
<div class="mt-4">
<h2 class="text-slate-500 text-sm font-bold">
Contacts & Settings Database
</h2>
<div class="ml-4 mt-2">
Import
<input type="file" @change="uploadFile" class="ml-2" />
<div v-if="showContactImport()">
<button
class="block text-center text-md uppercase bg-blue-500 text-white px-1.5 py-2 rounded-md mb-6"
@click="submitFile()"
>
Import Settings & Contacts
<br />
(excluding Identifier Data)
</button>
</div>
</div>
</div>
<div class="flex mt-4">
<button>
<router-link