unified card classname (#211)

src/renderer/src/components/sider/conn-card.tsx

@@ -95,7 +95,7 @@ const ConnCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={connectionCardStatus}
+      className={`${connectionCardStatus} conn-card`}
     >
       {connectionCardStatus === 'col-span-2' ? (
         <>

src/renderer/src/components/sider/mihomo-core-card.tsx

@@ -51,7 +51,7 @@ const MihomoCoreCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={mihomoCoreCardStatus}
+      className={`${mihomoCoreCardStatus} mihomo-core-card`}
     >
       {mihomoCoreCardStatus === 'col-span-2' ? (
         <Card

src/renderer/src/components/sider/outbound-mode-switcher.tsx

@@ -25,7 +25,7 @@ const OutboundModeSwitcher: React.FC = () => {
       color="primary"
       selectedKey={mode}
       classNames={{
-        tabList: 'bg-content1 shadow-medium'
+        tabList: 'bg-content1 shadow-medium outbound-mode-card'
       }}
       onSelectionChange={(key: Key) => onChangeMode(key as OutboundMode)}
     >

src/renderer/src/components/sider/proxy-card.tsx

@@ -32,7 +32,7 @@ const ProxyCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={proxyCardStatus}
+      className={`${proxyCardStatus} proxy-card`}
     >
       <Card
         fullWidth

src/renderer/src/components/sider/resource-card.tsx

@@ -29,7 +29,7 @@ const ResourceCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={resourceCardStatus}
+      className={`${resourceCardStatus} resource-card`}
     >
       <Card
         fullWidth

src/renderer/src/components/sider/rule-card.tsx

@@ -31,7 +31,7 @@ const RuleCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={ruleCardStatus}
+      className={`${ruleCardStatus} rule-card`}
     >
       <Card
         fullWidth

src/renderer/src/components/sider/sniff-card.tsx

@@ -40,7 +40,7 @@ const SniffCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={`${sniffCardStatus} ${!controlSniff ? 'hidden' : ''}`}
+      className={`${sniffCardStatus} ${!controlSniff ? 'hidden' : ''} sniff-card`}
     >
       <Card
         fullWidth

src/renderer/src/components/sider/substore-card.tsx

@@ -28,7 +28,7 @@ const SubStoreCard: React.FC = () => {
         transition,
         zIndex: isDragging ? 'calc(infinity)' : undefined
       }}
-      className={`${substoreCardStatus} ${!useSubStore ? 'hidden' : ''}`}
+      className={`${substoreCardStatus} ${!useSubStore ? 'hidden' : ''} substore-card`}
     >
       <Card
         ref={setNodeRef}