From 453b2c68d2cb9ac1007ece2e4a8bb80466ac95b8 Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Fri, 12 Jun 2026 19:35:25 +0800
Subject: [PATCH] refactor: horizontal choice panel layout

---
 src/components/ChoicePanel.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ChoicePanel.vue b/src/components/ChoicePanel.vue
index a2d7cc4..fdd839f 100644
--- a/src/components/ChoicePanel.vue
+++ b/src/components/ChoicePanel.vue
@@ -159,10 +159,10 @@ function handleChoose(index: number) {
 
 .choice-list {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  flex-wrap: wrap;
   gap: 10px;
-  max-width: 500px;
-  margin: 0 auto;
+  justify-content: center;
 }
 
 .choice-list.disabled {
@@ -172,6 +172,8 @@ function handleChoose(index: number) {
 
 .choice-btn {
   position: relative;
+  flex: 1;
+  min-width: 120px;
   padding: 14px 24px;
   font-size: 16px;
   color: #fff;