From 33dba3df5f0b9083eb680716535df3a625bcef64 Mon Sep 17 00:00:00 2001
From: AmintaCCCP <libogege@sina.com>
Date: Mon, 5 Oct 2026 13:49:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(readme-modal):=20README=20=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E5=A2=9E=E5=A4=A7=E4=B8=BA=E8=BF=91=E5=85=A8=E5=B1=8F?=
 =?UTF-8?q?=E5=B0=BA=E5=AF=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将点击仓库卡片的 README 弹窗从 max-w-[1130px]/max-h-[90vh] 改为
与生成仓库信息卡插件弹窗（PluginPageModal）一致的近全屏尺寸：
w/h 均为 calc(100vh|100vw - 2rem)。DialogContent 由 grid 改为
flex-col，内层容器用 flex-1 填满；RepositoryCard 的懒加载占位
弹窗同步同尺寸，避免弹窗真实加载时出现尺寸跳变。
---
 src/components/ReadmeModal.tsx    | 4 ++--
 src/components/RepositoryCard.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ReadmeModal.tsx b/src/components/ReadmeModal.tsx
index d816c532..b416e1cc 100644
--- a/src/components/ReadmeModal.tsx
+++ b/src/components/ReadmeModal.tsx
@@ -528,14 +528,14 @@ export const ReadmeModal: React.FC<ReadmeModalProps> = ({
       <DialogContent
         showClose={false}
         aria-describedby={undefined}
-        className="w-[calc(100%_-_2rem)] max-w-[1130px] min-w-0 overflow-hidden p-0"
+        className="flex h-[calc(100vh_-_2rem)] max-h-[calc(100vh_-_2rem)] w-[calc(100vw_-_2rem)] max-w-none min-w-0 flex-col overflow-hidden p-0"
         onCloseAutoFocus={(event) => {
           if (!onCloseAutoFocus) return;
           event.preventDefault();
           onCloseAutoFocus();
         }}
       >
-        <div className="relative flex max-h-[90vh] min-w-0 max-w-full w-full flex-col overflow-hidden bg-card dark:bg-card">
+        <div className="relative flex min-h-0 min-w-0 max-w-full w-full flex-1 flex-col overflow-hidden bg-card dark:bg-card">
           {readmeContent && !loading && (
             <div className="absolute top-0 left-0 right-0 h-0.5 bg-accent dark:bg-muted z-20 rounded-t-xl overflow-hidden">
               <div
diff --git a/src/components/RepositoryCard.tsx b/src/components/RepositoryCard.tsx
index 7a5ffcec..eca16a72 100644
--- a/src/components/RepositoryCard.tsx
+++ b/src/components/RepositoryCard.tsx
@@ -51,14 +51,14 @@ const ReadmeModalLoadingFallback: React.FC<{
   <Dialog open onOpenChange={(open) => !open && onClose()}>
     <DialogContent
       aria-describedby={undefined}
-      className="w-[calc(100%_-_2rem)] max-w-[1130px] p-6"
+      className="flex h-[calc(100vh_-_2rem)] max-h-[calc(100vh_-_2rem)] w-[calc(100vw_-_2rem)] max-w-none flex-col overflow-hidden p-6"
       onCloseAutoFocus={(event) => {
         event.preventDefault();
         onCloseAutoFocus();
       }}
     >
       <DialogTitle className="sr-only">Loading README</DialogTitle>
-      <div className="flex min-h-40 flex-col items-center justify-center gap-4" role="status" aria-live="polite">
+      <div className="flex flex-1 flex-col items-center justify-center gap-4" role="status" aria-live="polite">
         <Loader2 className="h-8 w-8 animate-spin text-primary" aria-hidden="true" />
         <p className="text-muted-foreground">Loading README…</p>
       </div>