bugfix: mobile tabs for demo page horizontally scroll now

devflowinc · Dec 19, 2024 · 975cf20 · 975cf20
1 parent 455a078
commit 975cf20
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 54 deletions.
diff --git a/server/src/public/page.html b/server/src/public/page.html
@@ -342,6 +342,19 @@
         <div class="mt-24 sm:mt-6"></div>
         {% endif %} {% if tabs|length > 0 %} {% include "tabs.html" %} {% else
         %} {% include "search-component-code.html" %} {% endif %}
+      </div>
+    </main>
+    {% if logged_in %}
+    <a
+      class="dev-back-button"
+      href="{{dashboard_url}}/dataset/{{params.datasetId}}/public-page"
+      >Back To Dashboard</a
+    >
+    {% endif %}
+        {% if params.singleProductOptions and
+        params.singleProductOptions.productName %} {% include "product.html" %}
+        {% endif %} {% if tabs|length > 0 %} {% include "tabs.html" %} {% else
+        %} {% include "search-component-code.html" %} {% endif %}
         <div class="video-wrapper">
           {% if logged_in %}
           <a

diff --git a/server/static/output.css b/server/static/output.css
@@ -571,11 +571,6 @@ video {
   margin-bottom: -1rem;
 }
 
-.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -585,6 +580,10 @@ video {
   margin-top: -0.5rem;
 }
 
+.mr-4 {
+  margin-right: 1rem;
+}
+
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
@@ -605,6 +604,10 @@ video {
   margin-top: 1rem;
 }
 
+.mt-40 {
+  margin-top: 10rem;
+}
+
 .mt-6 {
   margin-top: 1.5rem;
 }
@@ -613,25 +616,13 @@ video {
   margin-top: 2rem;
 }
 
-.mr-4 {
-  margin-right: 1rem;
-}
-
-.mt-40 {
-  margin-top: 10rem;
-}
-
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
 
-.block {
-  display: block;
-}
-
 .flex {
   display: flex;
 }
@@ -716,10 +707,6 @@ video {
   cursor: not-allowed;
 }
 
-.resize {
-  resize: both;
-}
-
 .flex-col {
   flex-direction: column;
 }
@@ -871,14 +858,6 @@ video {
   padding-left: 0.125rem;
 }
 
-.pt-16 {
-  padding-top: 4rem;
-}
-
-.pr-4 {
-  padding-right: 1rem;
-}
-
 .text-center {
   text-align: center;
 }
@@ -955,8 +934,7 @@ video {
 }
 
 @media (min-width: 640px) {
-  .sm\:mx-6 {
-    margin-left: 1.5rem;
+  .sm\:mr-6 {
     margin-right: 1.5rem;
   }
 
@@ -968,10 +946,6 @@ video {
     margin-top: 1.5rem;
   }
 
-  .sm\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
   .sm\:max-h-\[30rem\] {
     max-height: 30rem;
   }
@@ -993,11 +967,6 @@ video {
          column-gap: 1.5rem;
   }
 
-  .sm\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
   .sm\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -1008,14 +977,6 @@ video {
     padding-bottom: 6rem;
   }
 
-  .sm\:pt-24 {
-    padding-top: 6rem;
-  }
-
-  .sm\:pr-0 {
-    padding-right: 0px;
-  }
-
   .sm\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
@@ -1029,19 +990,14 @@ video {
 }
 
 @media (min-width: 1024px) {
-  .lg\:mx-8 {
-    margin-left: 2rem;
+  .lg\:mr-8 {
     margin-right: 2rem;
   }
 
   .lg\:mt-0 {
     margin-top: 0px;
   }
 
-  .lg\:mr-8 {
-    margin-right: 2rem;
-  }
-
   .lg\:flex {
     display: flex;
   }