style: improve share dialog ui and accessibility

This commit is contained in:
Bnyro 2024-01-09 17:15:43 +01:00
parent dd8dd9c9a1
commit 7cf8c2280a

View File

@ -1,10 +1,11 @@
<template> <template>
<ModalComponent> <ModalComponent>
<h2 v-t="'actions.share'" /> <h2 v-t="'actions.share'" class="mb-5" />
<div class="flex justify-between"> <div class="flex justify-between">
<label v-t="'actions.piped_link'" /> <label v-t="'actions.piped_link'" />
<input v-model="pipedLink" type="checkbox" @change="onChange" /> <input v-model="pipedLink" type="checkbox" @change="onChange" />
</div> </div>
<hr />
<div v-if="hasPlaylist" class="flex justify-between"> <div v-if="hasPlaylist" class="flex justify-between">
<label v-t="'actions.with_playlist'" /> <label v-t="'actions.with_playlist'" />
<input v-model="withPlaylist" type="checkbox" @change="onChange" /> <input v-model="withPlaylist" type="checkbox" @change="onChange" />
@ -17,6 +18,7 @@
<label v-t="'actions.time_code'" /> <label v-t="'actions.time_code'" />
<input v-model="timeStamp" class="input w-12" type="text" @change="onChange" /> <input v-model="timeStamp" class="input w-12" type="text" @change="onChange" />
</div> </div>
<hr />
<a :href="generatedLink" target="_blank"> <a :href="generatedLink" target="_blank">
<h3 class="mt-4" v-text="generatedLink" /> <h3 class="mt-4" v-text="generatedLink" />
</a> </a>