Fix image zoom (#355)

src/.vuepress/components/Navigation.vue

@@ -116,11 +116,6 @@ export default {
 		.app-image
 			max-height 1.5em
 			vertical-align sub
-		&.ext-installation
-			border 1px solid $accentColorSecondary
-			padding 0px 0px 2px 4px
-			margin-right 5px
-			border-radius 4px
 		&:hover
 			cursor default
 

src/.vuepress/config/plugins.js

@@ -52,6 +52,7 @@ module.exports = [
 	[
 		"vuepress-plugin-zooming",
 		{
+			selector: ".theme-default-content img.zoomable",
 			delay: 1000,
 			options: {
 				bgColor: "black",

src/forks/Neko.md

@@ -22,7 +22,7 @@ sidebar: false
 This is a [MangaDex](https://mangadex.org/) specific fork of **Tachiyomi** and [TachiyomiJ2K](/forks/TachiyomiJ2K). This contains features specific to **MangaDex** that those versions cannot offer. It also features almost every feature that **J2K** has except for extensions (aka other sources), custom covers, and local manga.
 
 ## Screenshots
-<img :src="$withBase('/forks/Neko/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/forks/Neko/assets/banner.png')"/>
 
 ## Mangadex specific features:
 - Supports native login to **MangaDex** and supports 2FA

src/forks/TachiyomiAZ.md

@@ -137,4 +137,4 @@ This hentai focused fork is based off of **[TachiyomiEH](/forks/TachiyomiEH)**,
 - Grid view corner rounding configuration
 - Manga recommendations
 
-<img :src="$withBase('/forks/TachiyomiAZ/assets/gunz.png')">
+<img class="zoomable" :src="$withBase('/forks/TachiyomiAZ/assets/gunz.png')">

src/forks/TachiyomiEH.md

@@ -25,7 +25,7 @@ This fork adds features that enhances the hentai experience with integrations to
 
 At the moment, it is **deprecated** as the developer does not have time to maintain it. Use [TachiyomiAZ](/forks/TachiyomiAZ) instead.
 
-<img :src="$withBase('/forks/TachiyomiEH/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/forks/TachiyomiEH/assets/banner.png')"/>
 
 ## Features
 ::: aside-guide

src/forks/TachiyomiJ2K.md

@@ -23,7 +23,7 @@ sidebar: false
 
 This fork takes a new approach to the design of the base app along with several other enhancements.
 
-<img :src="$withBase('/forks/TachiyomiJ2K/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/forks/TachiyomiJ2K/assets/banner.png')"/>
 
 ## Features
 ::: aside-guide

src/forks/TachiyomiSY.md

@@ -22,7 +22,7 @@ sidebar: false
 This fork is based off of [TachiyomiAZ](/forks/TachiyomiAZ) and adds quite a few custom unique features, it also has new features from the latest **Tachiyomi** version as well as from other forks such as [TachiyomiJ2K](/forks/TachiyomiJ2K).
 
 ## Screenshots
-<img :src="$withBase('/forks/TachiyomiSY/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/forks/TachiyomiSY/assets/banner.png')"/>
 
 ## Features
 - Uses the new **Tachiyomi** UI

src/help/guides/reading-local-manga.md

@@ -84,7 +84,7 @@ The path to the folder with images must contain both the manga title and the cha
 <figure class="centered">
 	<h4>Example structure using the file manager</h4>
 	<p>Here, the manga name is <strong>test</strong> so the file structure is <code>/Tachiyomi/local/test/ch1/images</code>.</p>
-	<img height="300" :src="$withBase('/help/guides/reading-local-manga/assets/LocalManga.jpg')">
+	<img class="zoomable" height="300" :src="$withBase('/help/guides/reading-local-manga/assets/LocalManga.jpg')">
 </figure>
 :::
 

src/help/guides/troubleshooting-problems.md

@@ -106,7 +106,7 @@ You must solve the **CAPTCHA** in **WebView**.
 1. Press the source you'd like to access.
 1. Press the <Navigation item="webview"/> icon.
 	<figure class="centered">
-		<img :src="$withBase('/help/guides/troubleshooting-problems/assets/WebView-Open.jpg')">
+		<img class="zoomable" :src="$withBase('/help/guides/troubleshooting-problems/assets/WebView-Open.jpg')">
 	</figure>
 1. Complete **CAPTCHA** if one is present.
 1. Once done, press the *Back Arrow* at the top left to return.