mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-26 09:46:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(page): home page layout

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-05 23:23:08 +02:00
parent 3db4f91c27
commit 57fd14a199
No known key found for this signature in database
GPG key ID: DBD997E935996158
4 changed files with 65 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/pages/Home.page.vue
View file

@ -1,11 +1,21 @@
<script setup lang="ts">
import { toolsWithCategory } from '@/tools';
import ToolCard from '../components/ToolCard.vue';
</script>
<template>
<div>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minima velit nesciunt esse iusto explicabo? Corporis, optio inventore doloremque sed maxime repellendus debitis recusandae atque nulla corrupti cum sit molestiae ad.</div>
<div class="home-page">
<n-grid x-gap="12" y-gap="12" :cols="3">
<n-gi v-for="tool in toolsWithCategory" :key="tool.name">
<tool-card :tool="tool" />
</n-gi>
</n-grid>
</div>
</template>
<style scoped>
<style scoped lang="less">
.home-page {
padding-top: 50px;
}
</style>