Mirrors/tachiyomi-website
2
0
Fork 0
mirror of https://github.com/tachiyomiorg/website.git synced 2024-12-21 07:31:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add name prop to MaterialIcon (#84)

Browse Source
This commit is contained in:
Andreas E 2019-10-07 15:33:25 +02:00 committed by Simon M
parent 6906d137bd
commit 10d13bf305
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/.vuepress/components/MaterialIcon.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="icon-holder"> <div :class="name" class="material-holder">
<i v-if="legacy" class="legacy-material-icons mdi" v-bind:class="iconName"></i> <i v-if="legacy" :class="iconName" class="material-legacy-icons mdi"></i>
<i v-else class="material-icons">{{ iconName }}</i> <i v-else class="material-icons">{{ iconName }}</i>
</div> </div>
</template> </template>
@ -19,6 +19,10 @@ export default {
type: Boolean, type: Boolean,
default: false default: false
}, },
name: {
type: String,
default: ""
},
iconName: { iconName: {
type: String, type: String,
required: true required: true
@ -31,7 +35,7 @@ export default {
@import url("https://fonts.googleapis.com/icon?family=Material+Icons"); @import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://cdn.materialdesignicons.com/4.4.95/css/materialdesignicons.min.css"); @import url("https://cdn.materialdesignicons.com/4.4.95/css/materialdesignicons.min.css");
.icon-holder { .material-holder {
color: #476582; color: #476582;
margin: 0; margin: 0;
font-size: 0.85em; font-size: 0.85em;
@ -45,7 +49,7 @@ export default {
top: 0.2rem; top: 0.2rem;
} }
.legacy-material-icons { .material-legacy-icons {
font-size: 1.35em; font-size: 1.35em;
} }
</style> </style>