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

feat(index): added image on main page

Browse source
This commit is contained in:
Corentin Thomasset 2021-09-20 17:37:10 +02:00
parent edbd4d1e01
commit a218a0ea2b
No known key found for this signature in database
GPG key ID: DBD997E935996158
2 changed files with 161 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

48
pages/index.vue
View file

@ -1,8 +1,23 @@
<template>
<v-row justify="center" align="center">
<v-col cols="12" sm="12" md="12">
<h1>Yolo</h1>
<v-col lg="1" />
<v-col lg="4">
<div>
<HelloSvg />
</div>
<v-card>
<v-card-title>IT Tools</v-card-title>
<v-card-text>
<h2>Hello, World!</h2>
Welcome to IT-Tools! This wonderful website, originally created with ❤ by Corentin Thomasset, aggregate a set
of useful tools that every developer may need once in a while. And don't forget to add IT-Tools to your
shortcut bar (press Ctrl + D).
</v-card-text>
</v-card>
</v-col>
<v-col lg="1" />
<v-col cols="12" sm="12" md="12" lg="5">
<v-row>
<v-col
v-for="(items, section) in $toolList"
@ -10,7 +25,8 @@
cols="12"
sm="12"
md="6"
lg="4"
lg="6"
class="tool-group"
>
<v-card>
<v-card-title>{{ section }}</v-card-title>
@ -36,13 +52,15 @@
</v-col>
</v-row>
</v-col>
<v-col lg="1" />
</v-row>
</template>
<script>
import {Component, Vue} from 'nuxt-property-decorator'
import HelloSvg from '~/assets/hello.svg?inline'
@Component
@Component({components: {HelloSvg}})
export default class Index extends Vue {
}
</script>
@ -52,17 +70,19 @@ export default class Index extends Vue {
background: transparent !important;
}
.v-card__title {
background: var(--v-primary-base) !important;
background: linear-gradient(90deg, rgba(37, 99, 108, 1) 0%, rgba(59, 149, 111, 1) 60%, rgba(71, 177, 113, 1) 100%) !important;
padding-left: 33px;
}
.tool-group {
.v-card__title {
background: var(--v-primary-base) !important;
background: linear-gradient(90deg, rgba(37, 99, 108, 1) 0%, rgba(59, 149, 111, 1) 60%, rgba(71, 177, 113, 1) 100%) !important;
padding-left: 33px;
}
.v-list-item {
padding-left: 31px;
}
.v-list-item {
padding-left: 31px;
}
.v-card__text {
padding: 0;
.v-card__text {
padding: 0;
}
}
</style>