mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-24 16:56:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: added file-to-base64

Browse source
This commit is contained in:
Corentin Thomasset 2021-03-14 21:20:35 +01:00
parent 5fa81533d9
commit 1034296359
No known key found for this signature in database
GPG key ID: DBD997E935996158
5 changed files with 316 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

83
pages/index.vue
View file

@ -1,29 +1,38 @@
<template>
<v-row justify="center" align="center">
<v-col cols="12" sm="12" md="8">
<v-col cols="12" sm="12" md="12">
<h1>Yolo</h1>
<v-card v-for="(items, section) in toolRoutesSections" :key="section">
<v-card-title>{{ section }}</v-card-title>
<v-card-text>
<v-list>
<v-list-item
v-for="(item, i) in items"
:key="i"
:to="item.path"
router
exact
>
<v-list-item-action>
<v-icon>{{ item.config.icon }}</v-icon>
</v-list-item-action>
<v-list-item-content>
<v-list-item-title v-text="item.config.title" />
</v-list-item-content>
</v-list-item>
</v-list>
</v-card-text>
</v-card>
<v-row justify="center" >
<v-col
cols="12"
sm="12"
md="6"
v-for="(items, section) in toolRoutesSections" :key="section"
>
<v-card>
<v-card-title>{{ section }}</v-card-title>
<v-card-text>
<v-list>
<v-list-item
v-for="(item, i) in items"
:key="i"
:to="item.path"
router
exact
>
<v-list-item-action>
<v-icon>{{ item.config.icon }}</v-icon>
</v-list-item-action>
<v-list-item-content>
<v-list-item-title v-text="item.config.title"/>
</v-list-item-content>
</v-list-item>
</v-list>
</v-card-text>
</v-card>
</v-col>
</v-row>
</v-col>
</v-row>
</template>
@ -37,22 +46,22 @@ export default class Index extends mixins(ToolRoutesMixin) {
}
</script>
<style scopedlang="less">
.v-list{
background: transparent !important;
}
<style scoped lang="less">
.v-list {
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;
}
.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>