Updated the button alignment and size to 327px acc to the mock
This commit is contained in:
sheena 2023-09-21 13:48:55 +05:30
parent f1a5d0f0b4
commit ab8de77033

View file

@ -2,9 +2,9 @@
<div class="row"></div> <div class="row"></div>
<div class="nav-bar container-fluid g-5 my-5 px-0" id="infoBox"> <div class="nav-bar container-fluid g-5 my-5 px-0" id="infoBox">
<div class="row d-flex flex-row-reverse align-items-center vw-100"> <div class="row d-flex flex-row-reverse align-items-center vw-100">
<div <div
:class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']" :class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']"
id="stacked"> id="stacked">
<buttonMain <buttonMain
ref="buttonMain" ref="buttonMain"
isPrimary isPrimary
@ -130,9 +130,9 @@ export default {
} }
.large-button { .large-button {
justify-content: center; justify-content: center;
width: 100%;
.btn-primary { .btn-primary {
width: 100%; width: 327px;
justify-content: center;
} }
} }
} }