refactor: horizontal choice panel layout

2026-06-12 19:35:25 +08:00
parent 5ff8e2b669
commit 453b2c68d2
1 changed files with 5 additions and 3 deletions
--- 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;