From efb0ae3fc6b2b691f7bcb0e1c60e8b0b0491f117 Mon Sep 17 00:00:00 2001 From: syui Date: Wed, 28 Jan 2026 18:28:34 +0900 Subject: [PATCH] fix card layout --- .../ai.syui.card.admin/self.json | 14 ++++++++------ src/web/styles/card.css | 7 ++++--- 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/public/content/did:plc:6qyecktefllvenje24fcxnie/ai.syui.card.admin/self.json b/public/content/did:plc:6qyecktefllvenje24fcxnie/ai.syui.card.admin/self.json index aa910fe..0418ba5 100644 --- a/public/content/did:plc:6qyecktefllvenje24fcxnie/ai.syui.card.admin/self.json +++ b/public/content/did:plc:6qyecktefllvenje24fcxnie/ai.syui.card.admin/self.json @@ -16,12 +16,14 @@ { "id": 2, "character": 0, "name": { "ja": "光彩", "en": "shiny" }, "text": { "ja": "アイの変身スキルを発動する。スキルを発動した時、アイの動作スピードがアップする。継続時間及び効果は、このカードのcpを基準に決定される。", "en": "This card's CP is referenced for transformation duration" }, "cp": "time", "effect": "mode", "key": "L1" }, { "id": 3, "character": 0, "name": { "ja": "中性子", "en": "neutron" }, "text": { "ja": "アイは、手のひらに中性子星を作り出して前方に放つ。ヒットした敵に物理と属性の大ダメージを与える。敵に与える物理ダメージは、このカードのcpを基準にアップする。", "en": "This card's CP is referenced for physical damage" }, "cp": "damage", "effect": "damage" , "key": "Y" }, { "id": 13, "character": 0, "name": { "ja": "創造", "en": "create" }, "text": { "ja": "アイは、自身の周囲に真空を作り出し、物理と属性の範囲ダメージを与える。的に与える属性ダメージは、このカードのcpを基準にアップする。", "en": "This card's CP is referenced for elemental damage" }, "cp": "damage", "effect": "damage", "key": "X" }, - { "id": 100, "character": 1, "name": { "ja": "世界", "en": "world" }, "text": { "ja": "このカードのcpはキャラクターの基礎ステータスに参照される", "en": "This card's CP is referenced for the character's base status" }, "cp": "status", "effect": "status", "key": null }, - { "id": 200, "character": 2, "name": { "ja": "d", "en": "d" }, "text": { "ja": "このカードのcpはキャラクターの基礎ステータスに参照される", "en": "This card's CP is referenced for the character's base status" }, "cp": "status", "effect": "status", "key": null }, - { "id": 201, "character": 2, "name": { "ja": "ドラゴン", "en": "dragon" }, "text": { "ja": "", "en": "" }, "cp": "skill", "effect": "skill", "key": null }, - { "id": 300, "character": 3, "name": { "ja": "r", "en": "r" }, "text": { "ja": "このカードのcpはキャラクターの基礎ステータスに参照される", "en": "This card's CP is referenced for the character's base status" }, "cp": "status", "effect": "status", "key": null }, - { "id": 301, "character": 3, "name": { "ja": "ロボット", "en": "robot" }, "text": { "ja": "", "en": "" }, "cp": "skill", "effect": "skill", "key": null }, - { "id": 400, "character": 4, "name": { "ja": "c", "en": "c" }, "text": { "ja": "", "en": "This card's CP is referenced for the character's base status" }, "cp": "status", "effect": "status", "key": null } + { "id": 100, "character": 1, "name": { "ja": "ユイ", "en": "yui" }, "text": { "ja": null, "en": null }, "cp": null, "effect": null, "key": null }, + { "id": 101, "character": 1, "name": { "ja": null, "en": null }, "text": { "ja": null, "en": null }, "cp": null, "effect": null, "key": null }, + { "id": 200, "character": 2, "name": { "ja": "ドラゴン", "en": "dragon" }, "text": { "ja": null, "en": null }, "cp": null, "effect": null, "key": null }, + { "id": 201, "character": 2, "name": { "ja": null, "en": null }, "text": { "ja": null, "en": null }, "cp": null, "effect": null, "key": null }, + { "id": 300, "character": 3, "name": { "ja": "ロボット", "en": "robot" }, "text": { "ja": null, "en": null }, "cp": null, "effect": null, "key": null }, + { "id": 301, "character": 3, "name": { "ja": null, "en": null }, "text": { "ja": null, "en": null }, "cp": null, "effect": null, "key": null }, + { "id": 400, "character": 4, "name": { "ja": "こんにゃーん", "en": "conyan" }, "text": { "ja": null, "en": null }, "cp": null, "effect": null, "key": null }, + { "id": 401, "character": 4, "name": { "ja": null, "en": null }, "text": { "ja": null, "en": null }, "cp": null, "effect": null, "key": null } ], "createdAt": "2026-01-25T09:02:20.000Z", "updatedAt": "2026-01-25T09:02:20.000Z" diff --git a/src/web/styles/card.css b/src/web/styles/card.css index cd2b3bd..31ea6c0 100644 --- a/src/web/styles/card.css +++ b/src/web/styles/card.css @@ -535,6 +535,7 @@ display: flex; flex-direction: column; gap: 32px; + width: 100%; } .rse-character-section { @@ -542,6 +543,7 @@ flex-direction: column; align-items: center; gap: 16px; + width: 100%; } .rse-character-main { @@ -557,10 +559,9 @@ /* RSE card grid (cards below character) */ .rse-card-grid { display: grid; - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; width: 100%; - max-width: 600px; padding: 20px; background: rgba(128, 128, 128, 0.08); border-radius: 12px; @@ -575,7 +576,7 @@ } .rse-card-grid .card-info-text { - font-size: 10px; + font-size: 12px; } .rse-card-grid .card-key-btn {