arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-22 07:50:36 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Test

Browse Source
This commit is contained in:
Arthur Danjou
2021-07-05 00:00:47 +02:00
parent 1d3f6b74d3
commit 51364b81ca
2 changed files with 11 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/GuestBookForm.vue
View File

@@ -1,8 +1,8 @@
<template>
<section class="p-6 border border-indigo-600 bg-indigo-100 dark:border-indigo-700 rounded-lg text-justify">
<section class="p-6 border border-indigo-600 dark:border-indigo-700 rounded-lg text-justify">
<h1 class="text-black font-bold dark:text-white text-2xl">{{ $t('guestbook.signin') }}</h1>
<h3 class="text-gray-500 dark:text-gray-400">{{ $t('guestbook.share') }}</h3>
<div class="hidden flex space-x-4 my-3">
<div class="flex space-x-4 my-3">
<div @click="loginWithGoogle" class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
<GoogleIcon />
</div>
@@ -19,12 +19,12 @@
required
:placeholder="$t('guestbook.placeholder')"
v-model="form.message"
class="pl-4 pr-32 py-2 mt-1 focus:border-indigo-600 block w-full border-gray-300 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100"
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"
>
<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 hover:dark:bg-gray-700 duration-300"
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"
>
{{ $t('guestbook.sign') }}
</button>
@@ -59,7 +59,7 @@ export default defineComponent({
}
const loginWithGithub = () => {
$axios.get('/auth/github', {headers})
$axios.get('/auth/github', {headers: headers})
}
const loginWithGoogle = () => {
@@ -107,8 +107,11 @@ export default defineComponent({
})
</script>
<style scoped>
.disabled {
@apply hidden
<style>
.icon-parent svg {
@apply duration-300;
}
.icon-parent:hover svg {
@apply transform scale-110;
}
</style>

9
src/pages/guestbook.vue
View File

@@ -53,12 +53,3 @@ export default defineComponent({
}
})
</script>
<style scoped lang="scss">
.icon-parent svg {
@apply duration-300;
}
.icon-parent:hover svg {
@apply transform scale-110;
}
</style>