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

Fixing hiring status color

Browse Source
This commit is contained in:
Arthur Danjou
2021-04-18 13:27:16 +02:00
parent f3738db7e4
commit ee57b05c0c
3 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/PostsHome.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<section v-if="posts" class="w-full flex items-center justify-center my-20"> <section class="w-full flex items-center justify-center my-20">
<div class="flex flex-col items-center text-center"> <div class="flex flex-col items-center text-center">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<h2 class="font-bold text-3xl"> <h2 class="font-bold text-3xl">
@@ -10,7 +10,7 @@
</p> </p>
</div> </div>
<div class="my-8 lg:flex w-full lg:space-x-6"> <div class="my-8 lg:flex w-full lg:space-x-6">
<div v-for="post in posts"> <div v-if="posts" v-for="post in posts">
<Post <Post
:title="post.title" :title="post.title"
:cover="post.cover" :cover="post.cover"

4
src/components/ProjectsHome.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<section v-if="projects" class="w-full flex items-center justify-center my-20"> <section class="w-full flex items-center justify-center my-20">
<div class="flex flex-col items-center text-center"> <div class="flex flex-col items-center text-center">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<h2 class="font-bold text-3xl"> <h2 class="font-bold text-3xl">
@@ -10,7 +10,7 @@
</p> </p>
</div> </div>
<div class="my-8 lg:flex w-full lg:space-x-8"> <div class="my-8 lg:flex w-full lg:space-x-8">
<div v-for="project in projects"> <div v-if="projects" v-for="project in projects">
<Project <Project
:title="project.title" :title="project.title"
:cover="project.cover" :cover="project.cover"

7
src/pages/contact.vue
View File

@@ -16,7 +16,7 @@
{{ $t('contact.why.description') }} {{ $t('contact.why.description') }}
</h3> </h3>
</section> </section>
<section v-if="info && info.hiring.status && info.hiring.color" class="w-full lg:w-3/4 mb-10 mt-4 text-center"> <section class="w-full lg:w-3/4 mb-10 mt-4 text-center">
<h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-dark-100"> <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-dark-100">
{{ $t('contact.available.title') }} {{ $t('contact.available.title') }}
</h1> </h1>
@@ -25,7 +25,7 @@
</h3> </h3>
<div class="my-4 text-indigo-600"> <div class="my-4 text-indigo-600">
{{ $t('contact.available.start') }} {{ $t('contact.available.start') }}
<span class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + info.hiring.status) }}</span> <span v-if="info && info.hiring.status && info.hiring.color" class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + info.hiring.status) }}</span>
{{ $t('contact.available.end') }} {{ $t('contact.available.end') }}
</div> </div>
</section> </section>
@@ -34,7 +34,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import {computed, ref, useAsync, useContext} from "@nuxtjs/composition-api"; import {computed, ref, useAsync, useContext, watch} from "@nuxtjs/composition-api";
import {InfoData, Form} from "../../@types/types"; import {InfoData, Form} from "../../@types/types";
import {combineObject} from "windicss/types/utils/algorithm/compileStyleSheet"; import {combineObject} from "windicss/types/utils/algorithm/compileStyleSheet";
@@ -56,6 +56,7 @@ export default {
return `bg-green-200 text-green-700` return `bg-green-200 text-green-700`
case 'red': case 'red':
return `bg-red-200 text-red-700` return `bg-red-200 text-red-700`
} }
}) })