fix: app card hover selector (#1646)

langgenius · Nov 29, 2023 · 4322b17 · 4322b17
1 parent 451af66
commit 4322b17
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/web/app/components/explore/app-card/index.tsx b/web/app/components/explore/app-card/index.tsx
@@ -30,7 +30,7 @@ const AppCard = ({
   const { t } = useTranslation()
   const { app: appBasicInfo } = app
   return (
-    <div className='col-span-1 bg-white border-2 border-solid border-transparent rounded-lg shadow-sm min-h-[160px] flex flex-col transition-all duration-200 ease-in-out cursor-pointer hover:shadow-lg'>
+    <div className={cn(s.wrap, 'col-span-1 bg-white border-2 border-solid border-transparent rounded-lg shadow-sm min-h-[160px] flex flex-col transition-all duration-200 ease-in-out cursor-pointer hover:shadow-lg')}>
       <div className='flex pt-[14px] px-[14px] pb-3 h-[66px] items-center gap-3 grow-0 shrink-0'>
         <AppIcon size='small' icon={app.app.icon} background={app.app.icon_background} />
         <div className='relative h-8 text-sm font-medium leading-8 grow'>

diff --git a/web/app/components/explore/app-card/style.module.css b/web/app/components/explore/app-card/style.module.css
@@ -1,3 +1,7 @@
+.wrap {
+  display: flex;
+}
+
 .mode {
   display: flex;
   height: 28px;