refactor: horizontal choice panel layout
This commit is contained in:
@@ -159,10 +159,10 @@ function handleChoose(index: number) {
|
|||||||
|
|
||||||
.choice-list {
|
.choice-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
max-width: 500px;
|
justify-content: center;
|
||||||
margin: 0 auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.choice-list.disabled {
|
.choice-list.disabled {
|
||||||
@@ -172,6 +172,8 @@ function handleChoose(index: number) {
|
|||||||
|
|
||||||
.choice-btn {
|
.choice-btn {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
flex: 1;
|
||||||
|
min-width: 120px;
|
||||||
padding: 14px 24px;
|
padding: 14px 24px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|||||||
Reference in New Issue
Block a user