style: Reduce small-world visualization sizes to 70% on mobile

freenet · Nov 27, 2024 · d66ff00 · d66ff00
1 parent b8aa2ca
commit d66ff00
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/hugo-site/layouts/shortcodes/small-world-routing.html b/hugo-site/layouts/shortcodes/small-world-routing.html
@@ -12,7 +12,7 @@
         </button>
     </div>
     <div style="display: flex; flex-direction: row; justify-content: center;">
-        <canvas id="networkCanvas2" width="600" height="600" style="max-width: 100%; height: auto;"></canvas>
+        <canvas id="networkCanvas2" width="600" height="600" style="max-width: 70%; height: auto;"></canvas>
     </div>
 </div>
 <script src="/js/small-world-routing.js"></script>
diff --git a/hugo-site/layouts/shortcodes/small-world-scale.html b/hugo-site/layouts/shortcodes/small-world-scale.html
@@ -12,9 +12,9 @@
         </button>
     </div>
     <div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 1rem;">
-        <canvas id="networkCanvas3" width="500" height="500" style="max-width: 100%; height: auto;"></canvas>
-        <div id="scalingChart" style="width: min(500px, 100%); height: 500px;">
-            <svg width="500" height="500" style="max-width: 100%; height: auto;"></svg>
+        <canvas id="networkCanvas3" width="500" height="500" style="max-width: 70%; height: auto;"></canvas>
+        <div id="scalingChart" style="width: min(500px, 70%); height: 500px;">
+            <svg width="500" height="500" style="max-width: 70%; height: auto;"></svg>
         </div>
     </div>
     <div style="margin-bottom: 2rem;"></div>