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

Move v-if

Browse Source
This commit is contained in:
Arthur Danjou
2021-08-31 19:47:29 +02:00
parent a6c3be8570
commit f7d8dda9ce
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/AboutHome.vue
View File

@@ -1,10 +1,10 @@
<template>
<section v-if="age" class="w-full flex items-center justify-center my-12">
<section class="w-full flex items-center justify-center my-12">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-12 md:mb-0 w-full md:w-1/2 flex justify-center">
<img src="@/assets/images/memojies/Hat.png" alt="It's me !" class="xl:w-1/2" />
</div>
<div class="md:w-1/2 text-justify">
<div v-if="age" class="md:w-1/2 text-justify">
<h2 class="text-4xl font-bold text-center md:text-justify">
{{ $t('home.about.title') }}
</h2>

4
src/components/PostsHome.vue
View File

@@ -1,5 +1,5 @@
<template>
<section v-if="posts" class="w-full flex items-center justify-center my-12">
<section class="w-full flex items-center justify-center my-12">
<div class="flex flex-col items-center text-center">
<div class="flex flex-col items-center">
<h2 class="font-bold text-3xl">
@@ -9,7 +9,7 @@
{{ $t('blog.description') }}
</p>
</div>
<div class="w-full lg:w-1/2 mt-20 grid grid-cols-1 gap-y-24 mb-8 sm:mb-24 text-left">
<div v-if="posts" class="w-full lg:w-1/2 mt-20 grid grid-cols-1 gap-y-24 mb-8 sm:mb-24 text-left">
<Post
v-for="post in posts"
:key="post.slug"

4
src/components/ProjectsHome.vue
View File

@@ -1,5 +1,5 @@
<template>
<section v-if="projects" class="w-full flex items-center justify-center my-12">
<section class="w-full flex items-center justify-center my-12">
<div class="flex flex-col items-center text-center">
<div class="flex flex-col items-center">
<h2 class="font-bold text-3xl">
@@ -9,7 +9,7 @@
{{ $t('projects.description') }}
</p>
</div>
<div class="grid grid-cols-1 gap-x-4 gap-y-8 mb-8 sm:mb-20 sm:grid-cols-3 text-left">
<div v-if="projects" class="grid grid-cols-1 gap-x-4 gap-y-8 mb-8 sm:mb-20 sm:grid-cols-3 text-left">
<Project
v-for="project in projects"
:key="project.name"