fix: 移动端隧道详情页点不进的问题

Author: Mecozea

web/src/pages/tunnels/details/index.tsx

@@ -2344,7 +2344,7 @@ export default function TunnelDetailPage() {
                             content={hasValue ? tunnelInfo.dial : (configValue ? configValue : "-")}
                             placement="top"
                           >
-                            <span className="font-mono text-sm ">
+                            <span className="font-mono text-sm truncate block">
                               {hasValue ? tunnelInfo.dial : (configValue ? configValue : "-")}
                               {!hasValue && configValue && (
                                 <span className="text-default-400 text-xs ml-1">

web/src/pages/tunnels/index.tsx

@@ -976,7 +976,7 @@ export default function TunnelsPage() {
               color="primary"
               size="sm"
               variant="light"
-              onClick={() => navigate(`/tunnels/details?id=${tunnel.id}`)}
+              onPress={() => navigate(`/tunnels/details?id=${tunnel.instanceId}`)}
             >
               <FontAwesomeIcon className="text-xs" icon={faEye} />
             </Button>
@@ -1697,7 +1697,7 @@ export default function TunnelsPage() {
                           className="text-foreground"
                         />
                       ) : (
-                         <FontAwesomeIcon
+                        <FontAwesomeIcon
                           icon={faSort}
                           className="text-foreground"
                         />