Add custom .vue component for Material Icons (#64)

* Add custom .vue component for Material Icons

* Remove unnecessary line

* Add class name to div
This commit is contained in:
Andreas E 2019-10-01 15:04:40 +02:00 committed by Soitora
parent 92235916f2
commit 3d1f9a42d0
2 changed files with 28 additions and 2 deletions

View File

@ -0,0 +1,26 @@
<template>
<div class="material-holder">
<i class="material-icons">{{ iconName }}</i>
</div>
</template>
<script>
export default {
props: ['iconName']
}
</script>
<style scoped>
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
.material-holder {
color: #476582;
background-color: rgba(27,31,35,0.05);
width: fit-content;
display: inline;
}
.material-icons {
font-size: 18px;
}
</style>

View File

@ -75,7 +75,7 @@ You can delete a Category in `My Library` > triple dots (`⋮`) > `Edit categori
## Add Manga to Category ## Add Manga to Category
You can add Manga to a Category by long pressing on the one you want to add. Then press the square looking icon (in the middle between pencil and three dots). Thereafter select which category you want it in. You can also add multiple manga to a category by selecting them when you see the square looking icon. You can add Manga to a Category by long pressing on the one you want to add. Then press the label icon (<MaterialIcon icon-name="label"/>) (in the middle between pencil and three dots). Thereafter select which category you want it in. You can also add multiple manga to a category by selecting them when you see the label icon (<MaterialIcon icon-name="label"/>).
::: tip ::: tip
You can also add Manga to multiple Categories by selecting the categories you want to have it in You can also add Manga to multiple Categories by selecting the categories you want to have it in
@ -94,7 +94,7 @@ You can also add Manga to multiple Categories by selecting the categories you wa
## Remove Manga from Category ## Remove Manga from Category
You can remove Manga from a Category by long pressing on the one you want. Then press the square looking icon. Thereafter deselect which category you want to remove it from. You can also remove multiple manga from a category by selecting them when you see the square looking icon. You can remove Manga from a Category by long pressing on the one you want. Then press the label icon (<MaterialIcon icon-name="label"/>). Thereafter deselect which category you want to remove it from. You can also remove multiple manga from a category by selecting them when you see the label icon (<MaterialIcon icon-name="label"/>).
::: tip ::: tip
You can remove a Manga to multiple Categories by selecting the categories you want to have it in You can remove a Manga to multiple Categories by selecting the categories you want to have it in
::: :::