SarahXia0405 commited on
Commit
8a3c12f
·
verified ·
1 Parent(s): 6199b53

Update web/src/components/RightPanel.tsx

Browse files
Files changed (1) hide show
  1. web/src/components/RightPanel.tsx +9 -5
web/src/components/RightPanel.tsx CHANGED
@@ -157,36 +157,40 @@ export function RightPanel({
157
 
158
  {/* ✅ Actions:三按钮并排(同宽) */}
159
  {/* Actions */}
 
160
  <Card className="p-4">
161
- <h3 className="mb-3">Actions TEST 123</h3>
 
 
162
 
163
- <div className="grid grid-cols-3 gap-2">
 
164
  <Button
165
  variant="outline"
166
- className="h-10 w-full p-0 flex items-center justify-center"
167
  onClick={onExport}
168
  disabled={!isLoggedIn}
169
  title="Export"
 
170
  >
171
  <Download className="h-4 w-4" />
172
  </Button>
173
 
174
  <Button
175
  variant="outline"
176
- className="h-10 w-full p-0 flex items-center justify-center"
177
  onClick={onQuiz}
178
  disabled={!isLoggedIn}
179
  title="Quiz"
 
180
  >
181
  <ClipboardList className="h-4 w-4" />
182
  </Button>
183
 
184
  <Button
185
  variant="outline"
186
- className="h-10 w-full p-0 flex items-center justify-center"
187
  onClick={onSummary}
188
  disabled={!isLoggedIn}
189
  title="Summary"
 
190
  >
191
  <Sparkles className="h-4 w-4" />
192
  </Button>
 
157
 
158
  {/* ✅ Actions:三按钮并排(同宽) */}
159
  {/* Actions */}
160
+ {/* Actions */}
161
  <Card className="p-4">
162
+ <div className="flex items-center justify-between mb-3">
163
+ <h3 className="text-base font-medium">Actions TEST 123</h3>
164
+ </div>
165
 
166
+ {/* 强制一排三个:不用 grid,直接 flex,最稳 */}
167
+ <div className="flex items-stretch gap-2">
168
  <Button
169
  variant="outline"
 
170
  onClick={onExport}
171
  disabled={!isLoggedIn}
172
  title="Export"
173
+ className="flex-1 h-10 p-0 flex items-center justify-center rounded-xl"
174
  >
175
  <Download className="h-4 w-4" />
176
  </Button>
177
 
178
  <Button
179
  variant="outline"
 
180
  onClick={onQuiz}
181
  disabled={!isLoggedIn}
182
  title="Quiz"
183
+ className="flex-1 h-10 p-0 flex items-center justify-center rounded-xl"
184
  >
185
  <ClipboardList className="h-4 w-4" />
186
  </Button>
187
 
188
  <Button
189
  variant="outline"
 
190
  onClick={onSummary}
191
  disabled={!isLoggedIn}
192
  title="Summary"
193
+ className="flex-1 h-10 p-0 flex items-center justify-center rounded-xl"
194
  >
195
  <Sparkles className="h-4 w-4" />
196
  </Button>