From d592dd525e53c14e952b6d54a7543d31532ff6d5 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 23 Jun 2026 16:08:17 +0330
Subject: [PATCH] fix design bug category

---
 src/components/listview/CategoryItemRenderer.tsx      | 2 +-
 src/components/listview/CategorySmallItemRenderer.tsx | 2 +-
 src/styles/glass.css                                  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/listview/CategoryItemRenderer.tsx b/src/components/listview/CategoryItemRenderer.tsx
index 8f28299..82fd3ef 100644
--- a/src/components/listview/CategoryItemRenderer.tsx
+++ b/src/components/listview/CategoryItemRenderer.tsx
@@ -9,7 +9,7 @@ type Props = {
 
 function CategoryItemRenderer({ children, ...rest }: Props) {
     return (
-        <div className={glassSurface(rest.className, 'cursor-pointer transition-all duration-200 ease-out rounded-xl')}>
+        <div className={glassSurface(rest.className, 'cursor-pointer transition-[background-color,box-shadow,opacity] duration-200 ease-out rounded-xl outline-none [-webkit-tap-highlight-color:transparent]')}>
             <div
                 {...rest}
                 className="rounded-normal w-[108px] h-[88px] flex flex-col justify-center items-center gap-2 overflow-hidden"
diff --git a/src/components/listview/CategorySmallItemRenderer.tsx b/src/components/listview/CategorySmallItemRenderer.tsx
index 6d1201a..f8635c0 100644
--- a/src/components/listview/CategorySmallItemRenderer.tsx
+++ b/src/components/listview/CategorySmallItemRenderer.tsx
@@ -9,7 +9,7 @@ type Props = {
 
 function CategorySmallItemRenderer({ children, ...rest }: Props) {
     return (
-        <div className={glassSurface(rest.className, 'cursor-pointer transition-all duration-200 ease-out rounded-xl')}>
+        <div className={glassSurface(rest.className, 'cursor-pointer transition-[background-color,box-shadow,opacity] duration-200 ease-out rounded-xl outline-none [-webkit-tap-highlight-color:transparent]')}>
             <div
                 {...rest}
                 className="rounded-normal h-[44px] flex flex-row justify-center items-center p-2.5 gap-2 overflow-hidden"
diff --git a/src/styles/glass.css b/src/styles/glass.css
index 0388ab8..a0752df 100644
--- a/src/styles/glass.css
+++ b/src/styles/glass.css
@@ -36,7 +36,7 @@ html[data-theme="dark"] .glass-surface--selected {
 .glass-surface--disabled {
   position: relative;
   background-color: rgba(255, 255, 255, 0.4) !important;
-  border: none;
+  border: 2px solid transparent;
   box-shadow: none;
   -webkit-backdrop-filter: blur(12px);
   backdrop-filter: blur(12px);