From 042a4d6d75e81aa1efa05419139ec81b8785b944 Mon Sep 17 00:00:00 2001
From: A1Gard <a1gard@4xmen.ir>
Date: Tue, 28 Jan 2025 14:40:59 +0330
Subject: [PATCH] fixed responsive ui

---
 .../PedramProducts/PedramProducts.blade.php   |  2 +-
 .../PedramProducts/PedramProducts.scss        | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/resources/views/segments/products/PedramProducts/PedramProducts.blade.php b/resources/views/segments/products/PedramProducts/PedramProducts.blade.php
index f1ccd25..63745e0 100644
--- a/resources/views/segments/products/PedramProducts/PedramProducts.blade.php
+++ b/resources/views/segments/products/PedramProducts/PedramProducts.blade.php
@@ -29,7 +29,7 @@
                                 <div class="col-lg-6">
                                     <a class="pedi-product" href="{{$product->webUrl()}}">
                                         <img src="{{$product->thumbUrl()}}" alt="{{$product->name}}" class="float-start">
-                                        <span>
+                                        <span class="price">
                                             {{$product->getPrice()}}
                                         </span>
                                         <h4>
diff --git a/resources/views/segments/products/PedramProducts/PedramProducts.scss b/resources/views/segments/products/PedramProducts/PedramProducts.scss
index 3674fb6..5c75d08 100644
--- a/resources/views/segments/products/PedramProducts/PedramProducts.scss
+++ b/resources/views/segments/products/PedramProducts/PedramProducts.scss
@@ -88,6 +88,7 @@
             top: 1rem;
             position: absolute;
             font-size: 20px;
+            color: var(--xshop-secondary);
         }
 
         h4 {
@@ -124,4 +125,22 @@
             position: relative;
         }
     }
+
+}
+/*-600px width*/
+@media (max-width: 600px) {
+
+    .PedramProducts {
+        .price {
+            position: absolute;
+            bottom: 1rem;
+            inset-inline-end: 1rem;
+            top: auto !important;
+            background: var(--xshop-background);
+            padding: 4px 10px 0 ;
+            border: 1px solid var(--xshop-secondary);
+            border-radius: var(--xshop-border-radius);
+        }
+    }
+
 }