fix: setting entry only show when hover on workspace card (#1515)

apps/web/src/components/pure/workspace-card/index.tsx

@@ -98,6 +98,7 @@ export const WorkspaceCard: React.FC<WorkspaceCardProps> = ({
           )}
       </StyleWorkspaceInfo>
       <StyledSettingLink
+        className="setting-entry"
         hoverBackground="#fff"
         onClick={e => {
           e.stopPropagation();

apps/web/src/components/pure/workspace-card/styles.ts

@@ -56,6 +56,10 @@ export const StyledCard = styled('div')<{
         borderColor: theme.colors.primaryColor,
         color: theme.colors.primaryColor,
       },
+      '.setting-entry': {
+        opacity: 1,
+        pointerEvents: 'auto',
+      },
     },
   };
 });
@@ -78,6 +82,9 @@ export const StyledSettingLink = styled(IconButton)(({ theme }) => {
     position: 'absolute',
     right: '6px',
     bottom: '6px',
+    opacity: 0,
+    pointerEvents: 'none',
+    transition: 'all .15s',
     ':hover': {
       background: theme.colors.pageBackground,
     },