[Deliver-redirect-log-in-user-based-on-role-#188029478] (#60)

* ft seller side info (#61)

* ft-seller-side-info

* requested changes

* rebase

* updates

* rebase

---------

Co-authored-by: Saddock Kabandana <[email protected]>
Co-authored-by: Aime-Patrick <[email protected]>

Author: 3 people

Diff for: src/assets/styles/Product.scss

@@ -5,10 +5,11 @@
   margin-top: 2rem;
   box-shadow: 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.2);
   background-color: $secondary-color-light;
+  transform: none;
   &:hover {
-    transform: scale(1.05);
+    transform: scale(1.05)  !important;
     box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.3);
-    transition: all 0.3s ease-in-out;;
+    transition: transform 0.1s ease !important;
   }
 
   .product-image-container {

Diff for: src/assets/styles/Sample.scss

@@ -169,7 +169,7 @@
 
 @media screen and (max-width: 900px) {
   .sampleImages1 {
-   height: 20rem;
+   height: 10rem;
     .sample2 {
       .arrow {
         .icon-arrow {
@@ -187,7 +187,7 @@
 
     .menShoe, .phones, .womenShoe, .accessories {
       img {
-       height: 9.5rem;
+       height: 8.5rem;
       }
       p {
         font-size: 1rem;
@@ -204,7 +204,8 @@
 
 @media screen and (max-width: 480px) {
   .sampleImages1 {
-   height: 15rem;
+    gap: 0.5rem;
+   height: 12rem;
     .sample2 {
       .arrow {
         .icon-arrow {
@@ -221,8 +222,10 @@
     }
 
     .menShoe, .phones, .womenShoe, .accessories {
+      height: 5.5rem;
+      padding: 0;
       img {
-       height: 7rem;
+       height: 100%;
       }
       p {
         font-size: 0.8rem;