bug: Fix #21 icon selector is broken in production

nfoert · Oct 16, 2024 · e37eb13 · e37eb13
1 parent b1402cb
commit e37eb13
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 5 deletions.
diff --git a/cardie/static/main/scripts/editor/icons.js b/cardie/static/main/scripts/editor/icons.js
@@ -1,5 +1,4 @@
-// TODO: Support {{ server_url }}
-let icons_url = "http://127.0.0.1:8000/iconlist";
+let icons_url = `${server_ip}/iconlist`;
 const itemsData = []; // Array to store item data
 var icon_selected_item;
 

diff --git a/cardie/staticfiles/main/index.css b/cardie/staticfiles/main/index.css
@@ -175,7 +175,7 @@ body, html {
 
 }
 
-@media (max-width: 1000px) {
+@media  (max-width: 1000px) {
     /* Small Screens */
 
     #home_card {
@@ -210,4 +210,38 @@ body, html {
         margin-left: clamp(2vh, 20px, 2vw);
     }
 
+}
+
+/* Properties for landscape mode */
+
+@media (orientation: landscape) and (max-width: 1000px) {
+
+    body, html {
+        scroll-snap-type: none;
+        scroll-snap-points-y: none;
+        overflow: auto;
+    }
+
+    #welcome_box{
+        padding-top: 10em;
+        scroll-snap-align: none;
+    }
+    #home_card{
+        padding-top: 14em;
+        scroll-snap-align: none;
+    }
+    #home_editor{
+        padding-top: 40em;
+        scroll-snap-align: none;
+    }
+    #home_editor_image{
+        padding-top: 10em;
+        scroll-snap-align: none;
+    }
+
+    #index_top_account_signin {
+        font-size: 0.8rem;
+        padding: 5px 10px;
+        margin-top: 20px; 
+    }
 }
diff --git a/cardie/staticfiles/main/scripts/editor/icons.js b/cardie/staticfiles/main/scripts/editor/icons.js
@@ -1,5 +1,4 @@
-// TODO: Support {{ server_url }}
-let icons_url = "http://127.0.0.1:8000/iconlist";
+let icons_url = `${server_ip}/iconlist`;
 const itemsData = []; // Array to store item data
 var icon_selected_item;