notxia/notxia.github.io
1
0
Fork 0
mirror of https://github.com/NotXia/notxia.github.io.git synced 2025-12-15 19:22:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update project card spacing

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2023-02-19 19:43:16 +01:00
parent a59a54061d
commit 6bdb1b2666
2 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/projects/ProjectCard.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="border rounded-md p-3 px-3 mx-auto my-5 w-full lg:w-2/3 xl:w-1/2"> <div class="border rounded-md p-3 mx-auto w-full lg:w-2/3 xl:w-1/2">
<h3 class="text-2xl font-semibold text-center text-gray-900 dark:text-white">{{ props.title }}</h3> <h3 class="text-2xl font-semibold text-center text-gray-900 dark:text-white">{{ props.title }}</h3>
<div class="text-center mb-2"> <div class="text-center mb-2">
<a v-for="link in props.links" :href="link.url" class="font-mono inline-block hover:underline mx-2">{{ link.label }}</a> <a v-for="link in props.links" :href="link.url" class="font-mono inline-block hover:underline mx-2">{{ link.label }}</a>

27
src/views/projects/Projects.vue
View File

@ -3,22 +3,25 @@
<main> <main>
<h1 class="text-5xl font-bold text-center mb-5">{{ t("projects") }}</h1> <h1 class="text-5xl font-bold text-center mb-5">{{ t("projects") }}</h1>
<h2 class="text-3xl text-center mt-10 mb-3">{{ t("wip") }}</h2> <h2 class="text-3xl text-center mt-10 mb-3">{{ t("wip") }}</h2>
<div class="[&>*]:my-14 first:[&>*]:mt-8">
<Wirefilter /> <Wirefilter />
<NotXiaGithubio /> <NotXiaGithubio />
</div>
<h2 class="text-3xl text-center mt-10 mb-3">{{ t("completed") }}</h2> <h2 class="text-3xl text-center mt-10 mb-3">{{ t("completed") }}</h2>
<div class="[&>*]:my-14 first:[&>*]:mt-8">
<TweetAnalysis /> <TweetAnalysis />
<AnimalHouse /> <AnimalHouse />
<PandOSplus /> <PandOSplus />
<Imaging /> <Imaging />
<MNKGame /> <MNKGame />
<Platform /> <Platform />
<PathfindingVisualizer /> <PathfindingVisualizer />
<SortingVisualizer /> <SortingVisualizer />
</div>
</main> </main>
</template> </template>