template mobile

rauversion · Oct 14, 2024 · 8e032fd · 8e032fd
1 parent ee81aa6
commit 8e032fd
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
@@ -394,4 +394,8 @@
     color: var(--rau-text);
     text-decoration: none;
   }
+
+  .dummyfack {
+    @apply text-red-300;
+  }
 }
diff --git a/app/views/albums/templates/base/_section_left.erb b/app/views/albums/templates/base/_section_left.erb
@@ -12,7 +12,7 @@
     <!-- Left: Image and Number -->
     <div class="flex flex-col justify-between">
       <div class="flex justify-end">
-        <p class="text-9xl font-bold text-gray-300">
+        <p class="sm:text-8xl text-3xl font-bold text-gray-300--">
           <%= section.subtitle %>
         </p>
       </div>

diff --git a/app/views/albums/templates/base/_section_right.erb b/app/views/albums/templates/base/_section_right.erb
@@ -9,7 +9,7 @@
     </div>
     <!-- Right: Image and Numbers -->
     <div class="flex justify-end flex-col">
-      <p class="text-9xl font-bold text-subtle text-right">
+      <p class="sm:text-9xl text-3xl font-bold text-subtle text-right">
         <%= section.subtitle %>
       </p>
 

diff --git a/app/views/products/_horizontal_product.erb b/app/views/products/_horizontal_product.erb
@@ -1,7 +1,7 @@
 <div class="rounded-lg border border-subtle bg-card text-card-foreground shadow-sm w-full max-w-3xl">
   <div class="p-0">
-    <div class="flex">
-      <div class="w-1/3 bg-default p-4">
+    <div class="flex flex-col sm:flex-row">
+      <div class="w-full sm:w-1/3 bg-default p-4">
         <% if product.product_images.any? %>
           <%= image_tag product.main_image.image, class: "w-full h-full object-cover" %>
         <% else %>
@@ -10,7 +10,7 @@
           </div>
         <% end %>
       </div>
-      <div class="w-2/3 p-6 flex flex-col justify-between">
+      <div class="w-full sm:w-2/3 p-6 flex flex-col justify-between">
         <div >
           <p class="text-sm text-muted-foreground">
             <%= link_to product.category, user_products_path(product.user.username), 

diff --git a/app/views/shared/_user_menu.html.erb b/app/views/shared/_user_menu.html.erb
@@ -109,7 +109,7 @@
         <% end %>
 
         <%= link_to "/tracks/new",
-            class: "inline-flex items-center justify-center space-x-1 rounded-md py-2 px-3 text-sm font-medium text-default hover:bg-brand-600" do %>
+            class: "hidden sm:inline-flex items-center justify-center space-x-1 rounded-md py-2 px-3 text-sm font-medium text-default hover:bg-brand-600" do %>
           <svg
             xmlns="http://www.w3.org/2000/svg"
             fill="none"