From 8a9ae6b6b16417d08d49d0398fd1bbbb55a10243 Mon Sep 17 00:00:00 2001
From: dushixiang <dushixiang@typesafe.cn>
Date: Thu, 25 Dec 2025 22:09:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20https=20=E8=AF=81=E4=B9=A6?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E4=B8=A2=E5=A4=B1=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/monitor/MonitorHero.tsx | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/web/src/components/monitor/MonitorHero.tsx b/web/src/components/monitor/MonitorHero.tsx
index 1853ea9..88efc48 100644
--- a/web/src/components/monitor/MonitorHero.tsx
+++ b/web/src/components/monitor/MonitorHero.tsx
@@ -5,6 +5,7 @@ import {CertBadge} from './CertBadge';
 import LittleStatCard from '@/components/common/LittleStatCard';
 import type {PublicMonitor} from '@/types';
 import CyberCard from "@/components/CyberCard.tsx";
+import {formatDateTime} from "@/utils/util.ts";
 
 interface MonitorHeroProps {
     monitor: PublicMonitor;
@@ -66,14 +67,19 @@ export const MonitorHero = ({monitor, onBack}: MonitorHeroProps) => {
                 </div>
             </div>
 
-            {/* 证书信息（如果是 HTTPS）*/}
-            {monitor.type === 'https' && monitor.certExpiryTime && (
-                <div className="flex items-center gap-2 pt-4 border-t border-slate-200 dark:border-cyan-900/50">
+            {/* 证书信息（如果存在证书数据）*/}
+            {monitor.certExpiryTime > 0 && (
+                <div className="flex flex-col sm:flex-row sm:items-center gap-2 pt-4 border-t border-slate-200 dark:border-cyan-900/50">
                     <span className="text-xs text-gray-600 dark:text-cyan-500 font-mono">SSL 证书:</span>
-                    <CertBadge
-                        expiryTime={monitor.certExpiryTime}
-                        daysLeft={monitor.certDaysLeft}
-                    />
+                    <div className="flex items-center gap-3">
+                        <CertBadge
+                            expiryTime={monitor.certExpiryTime}
+                            daysLeft={monitor.certDaysLeft}
+                        />
+                        <span className="text-xs text-gray-500 dark:text-cyan-600 font-mono">
+                            到期时间: {formatDateTime(monitor.certExpiryTime)}
+                        </span>
+                    </div>
                 </div>
             )}
         </CyberCard>