mirror of
https://github.com/tachiyomiorg/website.git
synced 2024-12-21 07:31:58 +01:00
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:
parent
92235916f2
commit
3d1f9a42d0
26
src/.vuepress/components/MaterialIcon.vue
Normal file
26
src/.vuepress/components/MaterialIcon.vue
Normal 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>
|
@ -75,7 +75,7 @@ You can delete a Category in `My Library` > triple dots (`⋮`) > `Edit categori
|
||||
|
||||
## 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
|
||||
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
|
||||
|
||||
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
|
||||
You can remove a Manga to multiple Categories by selecting the categories you want to have it in
|
||||
:::
|
||||
|
Loading…
Reference in New Issue
Block a user