search

creativetimofficial / ct-argon-dashboard-pro-react

12 stars 7 forks source link

Sweet Alert wrong position #19

Closed anicache08 closed 3 years ago

anicache08 commented 4 years ago

Hi something is wrong with the sweet alert position in your demo website. Please check this screenshot for your reference. Thanks

image

einazare commented 4 years ago

Hello there, @anicache08 ,

Thank you for your interest in working with our products.

  1. Create the following file: src/assets/scss/react/plugins/_plugin-react-bootstrap-sweetalert.scss
  2. Inside src/assets/scss/react/react-differences.scss between lines 6 and 7 add @import "plugins/plugin-react-bootstrap-sweetalert";
  3. Inside the new created file add the following code: 
    
@include media-breakpoint-up(sm) {
.sweet-alert{
margin-top: 100px !important;
}
}
@include media-breakpoint-down(sm) {
.sweet-alert{
margin-top: 50px !important;
}
}


Best,
Manu
anicache08 commented 4 years ago

Yup it works. Thanks @EINazare