From 0301421bc81cd817329186cddf411e474a9a2bf4 Mon Sep 17 00:00:00 2001
From: Qiao <SugarQiao@outlook.com>
Date: Sat, 31 Jan 2026 17:15:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=20PluginStoreCard=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=96=B0=E5=A2=9E=20displayId=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8C=85=E5=90=8D=E5=B1=95=E7=A4=BA=EF=BC=8C?=
 =?UTF-8?q?=E5=B9=B6=E8=B0=83=E6=95=B4=E5=8D=A1=E7=89=87=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BB=A5=E6=8F=90=E5=8D=87=E5=93=8D=E5=BA=94=E5=BC=8F=E8=A1=A8?=
 =?UTF-8?q?=E7=8E=B0=E3=80=82=E6=9B=B4=E6=96=B0=E4=B8=8D=E5=90=8C=E5=B1=8F?=
 =?UTF-8?q?=E5=B9=95=E5=B0=BA=E5=AF=B8=E7=9A=84=E6=9C=80=E5=A4=A7=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6=E8=AE=BE=E7=BD=AE=EF=BC=8C=E7=A1=AE=E4=BF=9D=E5=8C=85?=
 =?UTF-8?q?=E5=90=8D=E6=88=AA=E6=96=AD=E6=98=BE=E7=A4=BA=E4=B8=94=E6=82=AC?=
 =?UTF-8?q?=E5=81=9C=E5=8F=AF=E6=9F=A5=E7=9C=8B=E5=AE=8C=E6=95=B4=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/display_card/plugin_store_card.tsx        | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/napcat-webui-frontend/src/components/display_card/plugin_store_card.tsx b/packages/napcat-webui-frontend/src/components/display_card/plugin_store_card.tsx
index 53fd3ba4..01b75d1e 100644
--- a/packages/napcat-webui-frontend/src/components/display_card/plugin_store_card.tsx
+++ b/packages/napcat-webui-frontend/src/components/display_card/plugin_store_card.tsx
@@ -24,6 +24,7 @@ const PluginStoreCard: React.FC<PluginStoreCardProps> = ({
 }) => {
   const { name, version, author, description, tags, id, homepage } = data;
   const [processing, setProcessing] = useState(false);
+  const displayId = id?.replace(/^napcat-plugin-/, '') || id;
 
   const handleInstall = () => {
     setProcessing(true);
@@ -58,7 +59,7 @@ const PluginStoreCard: React.FC<PluginStoreCardProps> = ({
 
   return (
     <DisplayCardContainer
-      className='w-full max-w-[420px]'
+      className='w-full max-w-[420px] md:max-w-[460px] lg:max-w-[520px] 2xl:max-w-[560px]'
       title={
         <div className="flex items-baseline gap-2">
           {homepage ? (
@@ -125,7 +126,7 @@ const PluginStoreCard: React.FC<PluginStoreCardProps> = ({
           </span>
           <span className='text-default-300'>/</span>
           <Tooltip content={id}>
-            <span className='truncate max-w-[140px] opacity-70 italic'>{id}</span>
+            <span className='truncate max-w-[160px] opacity-70 italic'>{displayId}</span>
           </Tooltip>
         </div>