style chages

2026-01-23 00:34:16 +04:00
parent 70b730a6ed
commit 39290ef776
4 changed files with 32 additions and 2 deletions
--- a/src/app/components/items-carousel/items-carousel.component.scss
+++ b/src/app/components/items-carousel/items-carousel.component.scss
@@ -159,17 +159,21 @@
  height: 140px;
  overflow: hidden;
  background: #f5f5f5;
+  border-radius: 12px;
  
  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: white;
-    transition: transform 0.3s ease;
+    padding: 10px;
+    transition: transform 0.3s ease, filter 0.3s ease;
+    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.05));
  }

  &:hover img {
    transform: scale(1.08);
+    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.12)) brightness(1.05);
  }
 }