brand with infinite scroll and fix product card style

1 files changed, 12 insertions, 6 deletions

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 2ff05c47..5d741ab4 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -9,6 +9,7 @@ html, body {
         w-screen
         text-base
         text-gray-900
+        bg-gray-100
     ;
 }
 
@@ -163,20 +164,25 @@ html, body {
 }
 
 @layer utilities {
-    .wrap-line-ellipsis-2 {
+    .wrap-line-ellipsis-1,
+    .wrap-line-ellipsis-2,
+    .wrap-line-ellipsis-3 {
         display: -webkit-box;
-        -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
     }
+
+    .wrap-line-ellipsis-1 {
+        -webkit-line-clamp: 1;
+    }
+
+    .wrap-line-ellipsis-2 {
+        -webkit-line-clamp: 2;
+    }
     
     .wrap-line-ellipsis-3 {
-        display: -webkit-box;
         -webkit-line-clamp: 3;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        text-overflow: ellipsis;
     }
 }