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

Change flex to grid in ad view

Browse Source
This commit is contained in:
Arthur Danjou
2021-08-27 12:33:23 +02:00
parent 86e3d10a6b
commit b8d70e13a8
5 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/PostsHome.vue
View File

@@ -1,5 +1,5 @@
<template>
<section v-if="posts" class="w-full flex items-center justify-center my-20">
<section v-if="posts" 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="grid grid-cols-1 gap-x-4 gap-y-8 mb-20 sm:grid-cols-3 text-left">
<div class="grid grid-cols-1 gap-x-4 gap-y-8 mb-8 sm:mb-20 md:grid-cols-3 text-left">
<Post
v-for="post in posts"
:key="post.slug"
@@ -31,7 +31,6 @@
<script lang="ts">
import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
import {Post} from "~/types/types";
export default defineComponent({
name: "PostsHome",