diff --git a/src/views/gh/improvementProposal/components/ImprovementProposalBPMForm.vue b/src/views/gh/improvementProposal/components/ImprovementProposalBPMForm.vue index 6aaae70..606c543 100644 --- a/src/views/gh/improvementProposal/components/ImprovementProposalBPMForm.vue +++ b/src/views/gh/improvementProposal/components/ImprovementProposalBPMForm.vue @@ -86,12 +86,15 @@ @@ -516,6 +519,44 @@ margin-bottom: 16px; } + .vote-action-panel { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + } + + .vote-action-form-item { + :deep(.ant-form-item-label) { + padding-bottom: 8px; + text-align: center; + } + + :deep(.ant-form-item-control-input-content) { + width: 100%; + } + } + + .vote-action-buttons { + display: grid; + grid-template-columns: repeat(2, minmax(160px, 1fr)); + gap: 16px; + width: min(100%, 352px); + } + + .vote-action-button { + min-width: 160px; + height: 52px; + font-size: 16px; + } + + .vote-action-status { + margin-top: 10px; + color: #64748b; + font-size: 14px; + text-align: center; + } + .vote-member-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); @@ -551,4 +592,15 @@ grid-template-columns: 1fr; } } + + @media (max-width: 576px) { + .vote-action-buttons { + grid-template-columns: 1fr; + width: min(100%, 280px); + } + + .vote-action-button { + width: 100%; + } + }