arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-25 17:30:34 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Working

Browse Source
This commit is contained in:
Arthur Danjou
2021-07-08 17:15:02 +02:00
parent 33248653a4
commit 02daf1485f
7 changed files with 182 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/GuestBookForm.vue
View File

@@ -14,9 +14,10 @@
</div>
</div>
<div class="my-3">
<form v-if="!success" class="relative right-0 top-0">
<form v-if="!success" class="relative">
<input
required
type="text"
:placeholder="$t('guestbook.placeholder')"
v-model="form.message"
class="pl-4 pr-32 py-2 mt-1 block w-full border-gray-300 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100"
@@ -24,7 +25,7 @@
<button
@click.prevent="handleForm"
v-if="form.message && form.message.length > 0"
class="flex items-center justify-center absolute right-1 top-1 px-8 py-1 font-bold bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-100 rounded hover:bg-gray-300 duration-300"
class="button flex items-center justify-center px-8 py-1 font-bold bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-100 rounded hover:bg-gray-300 duration-300"
>
{{ $t('guestbook.sign') }}
</button>
@@ -138,4 +139,9 @@ export default defineComponent({
.icon-parent:hover svg {
@apply transform scale-110;
}
.button {
position: absolute;
top: 0.25rem;
right: 0.25rem;
}
</style>