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

Working

Browse Source
This commit is contained in:
Arthur Danjou
2021-07-04 12:11:40 +02:00
parent 956b61b529
commit 88718224a9
3 changed files with 21 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ContactForm.vue
View File

@@ -59,7 +59,12 @@
{{ $t('contact.form.success') }}
</div>
<div class="my-12">
<button :disabled="!isSendable" :class="{'disabled': !isSendable}" @click.prevent="handleForm" class="font-bold px-6 py-3 border-2 rounded-full border-indigo-600 text-indigo-600 hover:(bg-indigo-600 text-white) hover:dark:text-black duration-300 cursor-pointer">
<button
:disabled="!isSendable"
:class="{'disabled': !isSendable}"
@click.prevent="handleForm"
class="font-bold px-8 py-4 border-2 rounded-xl border-indigo-600 text-indigo-600 hover:(bg-indigo-600 text-white) hover:dark:text-black duration-300 cursor-pointer"
>
{{ $t('contact.form.submit') }}
</button>
</div>

33
src/components/Header.vue
View File

@@ -7,31 +7,24 @@
</nuxt-link>
<nav class="right">
<div class="flex flex-col md:flex-row items-center">
<ul class="flex text-lg">
<nuxt-link class="hidden md:inline-block" to="/about">
<li class="nav-link text-gray-500 dark:text-gray-400" :class="{'text-black dark:text-white': isWindow('/about')}">
{{ $t('header.about') }}
</li>
<div class="flex text-lg">
<nuxt-link class="nav-link hidden md:inline-block" to="/about">
{{ $t('header.about') }}
</nuxt-link>
<nuxt-link class="hidden md:inline-block" to="/blog">
<li class="nav-link text-gray-500 dark:text-gray-400" :class="{'text-black dark:text-white': isWindow('/blog')}">
{{ $t('header.blog') }}
</li>
<nuxt-link class="nav-link hidden md:inline-block" to="/blog">
{{ $t('header.blog') }}
</nuxt-link>
<nuxt-link class="hidden md:inline-block" to="/projects">
<li class="nav-link text-gray-500 dark:text-gray-400" :class="{'text-black dark:text-white': isWindow('/projects')}">
{{ $t('header.projects') }}
</li>
<nuxt-link class="nav-link hidden md:inline-block" to="/projects">
{{ $t('header.projects') }}
</nuxt-link>
<nuxt-link class="hidden md:inline-block" to="/contact">
<li class="nav-link text-gray-500 dark:text-gray-400" :class="{'text-black dark:text-white': isWindow('/projects')}">
{{ $t('header.contact') }}
</li>
<nuxt-link class="nav-link hidden md:inline-block" to="/contact">
{{ $t('header.contact') }}
</nuxt-link>
</ul>
</div>
</div>
<ul
class="dark:text-white dark:bg-black text-sm z-50 bg-white md:hidden fixed bottom-0 left-0 w-full flex items-center justify-around h-20 border-t border-gray-200 border-solid navbar-bottom-items">
class="dark:text-white dark:bg-black text-sm z-50 bg-white md:hidden fixed bottom-0 left-0 w-full flex items-center justify-around h-20 border-t border-gray-200 border-solid navbar-bottom-items"
>
<nuxt-link to="/" class="w-1/5">
<li class="h-full w-full font-medium flex flex-col items-center justify-center">
<HomeIcon :active="isWindow('')"/>
@@ -140,7 +133,7 @@ export default defineComponent({
<style scoped lang="scss">
.nav-link {
@apply hover:dark:text-white font-medium hover:text-black mx-4 cursor-pointer duration-300
@apply font-medium cursor-pointer duration-300 mx-4 border-b-2 border-transparent hover:(border-indigo-600);
}
.navbar-bottom-items li {