mirror of
https://github.com/TeamPiped/Piped.git
synced 2024-11-10 02:08:21 +00:00
style: improve share dialog ui and accessibility
This commit is contained in:
parent
dd8dd9c9a1
commit
7cf8c2280a
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user