style: Fix download compatibility matrix

2 files changed, 7 insertions, 9 deletions

diff --git a/website/.vitepress/theme/components/CompatibilityMatrix.vue b/website/.vitepress/theme/components/CompatibilityMatrix.vue
index 9f1910c..e8f5f00 100644
--- a/website/.vitepress/theme/components/CompatibilityMatrix.vue
+++ b/website/.vitepress/theme/components/CompatibilityMatrix.vue
@@ -208,7 +208,7 @@ function cellResult(
 
 .compat-table {
   border-collapse: collapse;
-  width: 100%;
+  width: auto;
   margin: 0;
   font-size: 0.875rem;
 }
@@ -246,6 +246,10 @@ function cellResult(
   white-space: nowrap;
 }
 
+.compat-col-header {
+  min-width: 110px;
+}
+
 .compat-version {
   font-size: 0.95rem;
 }
@@ -258,6 +262,7 @@ function cellResult(
 }
 
 .compat-cell {
+  min-width: 110px;
   font-size: 1.1rem;
   font-weight: 700;
 }
diff --git a/website/.vitepress/theme/components/DownloadCard.vue b/website/.vitepress/theme/components/DownloadCard.vue
index 4337181..25fce48 100644
--- a/website/.vitepress/theme/components/DownloadCard.vue
+++ b/website/.vitepress/theme/components/DownloadCard.vue
@@ -12,7 +12,6 @@ const t = computed(() =>
     ? {
         title: 'Download',
         description: 'Download the latest releases of LunaticChat.',
-        compatible: 'Paper and Velocity Compatibility',
         requirements: 'Requirements',
         javaReq: '25 or later',
         paperReq: '26.1.x or later',
@@ -43,7 +42,6 @@ const t = computed(() =>
     : {
         title: 'ダウンロード',
         description: 'LunaticChat の最新リリースをダウンロードできます。',
-        compatible: 'Paper / Velocity の互換性',
         requirements: '動作要件',
         javaReq: '25 以降',
         paperReq: '26.1.x 以降',
@@ -110,12 +108,6 @@ function formatDate(dateStr: string | null): string {
       <p>{{ t.spigotAlt }} <a href="https://github.com/f1w3/LunaChat" target="_blank" rel="noopener">{{ t.spigotLink }}</a> {{ isEn ? '.' : 'の使用を推奨します．' }}</p>
     </div>
 
-    <div class="download-compat-notice">
-      <p class="download-compat-title">{{ t.compatible }}</p>
-      <p>{{ t.compatNotice }}</p>
-      <p><a :href="isEn ? '/en/docs/reference/compatibility' : '/docs/reference/compatibility'">{{ t.compatLink }}</a></p>
-    </div>
-
     <div v-if="loading" class="download-loading">
       <p>{{ isEn ? 'Loading releases...' : 'リリース情報を取得中...' }}</p>
     </div>
@@ -196,6 +188,7 @@ function formatDate(dateStr: string | null): string {
 
     <h2>{{ t.compatMatrixTitle }}</h2>
     <p>{{ t.compatMatrixDesc }}</p>
+    <p>{{ t.compatNotice }}</p>
     <CompatibilityMatrix />
 
     <h2>Modrinth</h2>