didadmin/docuseal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adjust doc preview buttons style

Browse Source
This commit is contained in:
Alex Turchyn
2023-06-01 01:58:00 +03:00
parent 7234915818
commit cdb1fd4c9f
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/template_builder/preview.vue
+8 -5
View File
@@ -15,9 +15,10 @@
<div <div
class="flex flex-col justify-between opacity-0 group-hover:opacity-100" class="flex flex-col justify-between opacity-0 group-hover:opacity-100"
> >
<div> <div class="rounded-bl rounded-tr bg-white border">
<button <button
class="px-1.5 rounded bg-white border border-red-400 text-red-400 hover:bg-red-50" class="rounded-bl rounded-tr hover:text-base-100 hover:bg-base-content w-full transition-colors"
style="width: 24px"
@click.stop="$emit('remove', item)" @click.stop="$emit('remove', item)"
> >
&times; &times;
@@ -25,16 +26,18 @@
</div> </div>
<div <div
v-if="withArrows" v-if="withArrows"
class="flex flex-col" class="flex flex-col border rounded-br rounded-tl bg-white divide-y"
> >
<button <button
class="px-1.5" class="rounded-tl hover:text-base-100 hover:bg-base-content w-full transition-colors"
style="width: 24px"
@click.stop="$emit('up', item)" @click.stop="$emit('up', item)"
> >
&uarr; &uarr;
</button> </button>
<button <button
class="px-1.5" class="rounded-br hover:text-base-100 hover:bg-base-content w-full transition-colors"
style="width: 24px"
@click.stop="$emit('down', item)" @click.stop="$emit('down', item)"
> >
&darr; &darr;