Merge pull request #2 from medienbaecker/main

Fixed mobile height, changed icon to chart
floriankarsten · Sep 15, 2022 · 2af9fef · 2af9fef
2 parents 8244a33 + 1e8ac4b
commit 2af9fef
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/index.css b/index.css
@@ -0,0 +1,11 @@
+.plausible-iframe {
+  width: 1px;
+  min-width: 100%;
+  height: 1700px;
+}
+
+@media (max-width: 850px) {
+  .plausible-iframe {
+    height: 2300px;
+  }
+}
diff --git a/index.js b/index.js
@@ -4,7 +4,7 @@ panel.plugin("floriankarsten/plausible", {
 			template: `
 				<k-inside>
 					<k-view class="k-plausible-view">
-						<iframe v-if="sharedLink" plausible-embed v-bind:src="sharedLink + '&embed=true&theme=light&background=%23efefef'" scrolling="no" frameborder="0" loading="lazy" style="width: 1px; min-width: 100%; height: 1600px;"></iframe>
+						<iframe v-if="sharedLink" plausible-embed v-bind:src="sharedLink + '&embed=true&theme=light&background=%23efefef'" scrolling="no" frameborder="0" loading="lazy" class="plausible-iframe"></iframe>
 						<div style="margin-top: 30px; text-align: center;" v-else>
 							<code>You need to set floriankarsten.plausible.sharedLink in config.php</code>
 						</div>

diff --git a/index.php b/index.php
@@ -5,7 +5,7 @@
 		'plausible' => function ($kirby) {
 			return [
 				'label' => 'Analytics',
-				'icon' => 'account',
+				'icon' => 'chart',
 				'disabled' => false,
 				'menu' => true,
 				'link' => 'plausible',