chore: fix js error on other pages

chore: make the playlist indicator responsive
ash-project · Feb 2, 2025 · 78d2412 · 78d2412
1 parent a5cadd0
commit 78d2412
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/assets/js/app.js b/assets/js/app.js
@@ -481,11 +481,15 @@ function addTooltip(id, content) {
   });
 }
 
-let appName = document.getElementById("app-name").value;
+let appNameComponent = document.getElementById("app-name")
 
-document.addEventListener('DOMContentLoaded', function() {
-  document.getElementById('quickstart-live_view-inactive').click();
-});
+let appName = (appName || {}).value;
+
+if(appNameComponent) {
+  document.addEventListener('DOMContentLoaded', function() {
+    document.getElementById('quickstart-live_view-inactive').click();
+  });
+}
 
 function setUrl() {
   var button = document.getElementById('copy-url-button');

diff --git a/lib/ash_hq_web/templates/home/media.html.heex b/lib/ash_hq_web/templates/home/media.html.heex
@@ -22,8 +22,10 @@
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
             allowfullscreen
           />
-          <span class="absolute top-4 -right-32 text-xs text-primary-dark-500 italic w-28">
-            <span class="hero-arrow-left size-4" /><br />(this is a whole playlist of videos!)
+          <span class="absolute pt-4 pb-4 sm:pt-0 bottom:-32 right-0 sm:top-4 sm:-right-32 text-xs text-primary-dark-500 italic w-28">
+            <span class="hero-arrow-left size-4 hidden sm:block" />
+            <span class="hero-arrow-up size-4 sm:hidden" /> 
+            <br />(this is a whole playlist of videos!)
           </span>
         </div>
       </div>