diff --git a/src/components/BuyConfirmedComponent/BuyConfirmedComponent.vue b/src/components/BuyConfirmedComponent/BuyConfirmedComponent.vue index b64c17f..f60e07f 100644 --- a/src/components/BuyConfirmedComponent/BuyConfirmedComponent.vue +++ b/src/components/BuyConfirmedComponent/BuyConfirmedComponent.vue @@ -52,7 +52,7 @@ const showAlert = ref(true); diff --git a/src/components/CustomAlert/CustomAlert.vue b/src/components/CustomAlert/CustomAlert.vue index 3ae6847..6b00253 100644 --- a/src/components/CustomAlert/CustomAlert.vue +++ b/src/components/CustomAlert/CustomAlert.vue @@ -5,6 +5,13 @@ const props = defineProps<{ }>(); const alertText = ref(""); +const alertPaddingLeft = ref("18rem"); + +if (props.type === "sell") { + alertPaddingLeft.value = "20rem"; +} else { + alertPaddingLeft.value = "18rem"; +} switch (props.type) { case "buy": @@ -43,11 +50,12 @@ switch (props.type) { .modal { background-color: rgba(251, 191, 36, 1); - height: 8%; + height: 6%; width: 100%; border-radius: 10px; align-items: center; white-space: nowrap; + padding-left: v-bind(alertPaddingLeft); } .close { cursor: pointer; diff --git a/src/components/SellerSteps/WantSellComponent.vue b/src/components/SellerSteps/WantSellComponent.vue index 2f61843..54ed58a 100644 --- a/src/components/SellerSteps/WantSellComponent.vue +++ b/src/components/SellerSteps/WantSellComponent.vue @@ -1,6 +1,7 @@