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

Fix padding on all pages

Browse Source
This commit is contained in:
Arthur Danjou
2021-07-03 11:44:58 +02:00
parent c99629dbcd
commit b8b453aee6
9 changed files with 975 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/projects.vue
View File

@@ -1,12 +1,12 @@
<template>
<main v-if="projects" class="work flex flex-col items-center">
<main v-if="projects" class="work flex flex-col items-center px-5 xl:px-48">
<PageTitle title="part.projects" />
<h1 v-if="projects.length === 0" class="text-xl font-bold text-center my-8 w-full">{{ $t('projects.no_project') }}</h1>
<div v-else class="flex flex-col justify-around items-center py-10 w-full">
<h1 class="text-gray-700 dark:text-gray-400 text-xl mt-4">{{ $t('projects.description') }}</h1>
<div class="flex flex-col items-center md:items-start md:flex-row flex-wrap w-full space-y-3 md:space-y-0">
<div class="flex py-8 w-full flex-wrap justify-center">
<div class="md:mx-8 my-4 w-full lg:w-auto" v-for="project in projects">
<div class="flex py-4 w-full flex-wrap justify-center">
<div class="md:mx-4 my-4 w-full lg:w-auto" v-for="project in projects">
<Project
:title="project.title"
:cover="project.cover"