delete 3 files and update 2 files

master
mahdi andalib 2 years ago
parent f932ec9592
commit 08a7c47ae4
  1. 321
      src/components/Alert/index.css
  2. 9
      src/components/Alert/index.css.map
  3. 4
      src/components/Alert/index.js
  4. 12
      src/components/Toast/index.js
  5. 0
      src/components/Toast/index.scss

@ -1,321 +0,0 @@
@charset "UTF-8";
.swal2-container.swal2-center > .swal2-popup {
border: solid 2px #707070 !important;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
/* ? کلاس تمامی تایتل ها */
.swal2-title {
text-align: right !important;
font-size: 20px !important;
padding: 15px !important;
font-weight: 400 !important;
margin-top: -4px;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
/* ? کلاس متن داخل الرت باکس */
.swal2-html-container {
text-align: justify !important;
line-height: 1.8 !important;
color: #646464 !important;
font-size: 16px !important;
}
/* ? کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس */
.swal2-rtl .swal2-close {
width: 31px !important;
height: 30px !important;
margin-top: 11px;
margin-left: 24px !important;
padding: 0;
border-radius: 5px;
cursor: pointer;
-ms-grid-column-align: end;
justify-self: end;
font-size: 33px !important;
border-radius: 4px !important;
-webkit-transition: all 0.2s !important;
transition: all 0.2s !important;
z-index: 2;
}
/* ? کلاس کانفرم باتن */
.swal2-styled.swal2-confirm {
-webkit-transition: all 0.4s !important;
transition: all 0.4s !important;
outline: none !important;
}
/* ? کلاس هاور کانفرم باتن */
.swal2-styled.swal2-confirm:hover {
-webkit-transform: translateY(-5px) !important;
transform: translateY(-5px) !important;
}
/* ? کلاس کنسل باتن */
.swal2-styled.swal2-cancel {
-webkit-transition: all 0.4s !important;
transition: all 0.4s !important;
}
/* ? کلاس هاور کنسل باتن */
.swal2-styled.swal2-cancel:hover {
-webkit-transform: translateY(-5px) !important;
transform: translateY(-5px) !important;
}
/* ? ایکن اررور */
.swal2-icon.swal2-error {
border-color: #e92424 !important;
color: #e92424 !important;
}
.title-error-1 {
color: #06bace !important;
background-color: #dfe6e9 !important;
}
.eroorr:focus {
outline: none !important;
-webkit-box-shadow: 0px 0px 0px black !important;
box-shadow: 0px 0px 0px black !important;
border: 0px !important;
}
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-1 {
background-color: #06bace !important;
color: #fff !important;
}
/* ? هاور دکمه ضربدر بالا سمت چپ */
.close-button-1:hover {
background-color: var(--white) !important;
color: #06bace !important;
border: solid 2px #06bace !important;
}
/* ? کانفرم باتن */
.confirm-button-1 {
background-color: var(--white) !important;
border: solid 2px var(--error-color1) !important;
color: var(--error-color1) !important;
text-align: left !important;
}
/* ? هاور کانفرم باتن */
.confirm-button-1:hover {
background-color: var(--error-color1) !important;
color: var(--white) !important;
}
/* !error 2 */
/* ? کنسل باتن */
.cancle-button1 {
background-color: var(--error-color1) !important;
color: var(--white) !important;
border: solid 2px var(--error-color1) !important;
}
/* ? هاور کنسل باتن */
.cancle-button1:hover {
background-color: var(--white) !important;
color: var(--error-color1) !important;
}
/* !error3 */
/* ? تایتل */
.title-error-2 {
color: var(--error-color2) !important;
}
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-2 {
background-color: var(--error-color2) !important;
color: var(--white) !important;
}
/* ? هاور دکمه ضربدر بالا سمت چپ */
.close-button-2:hover {
background-color: var(--white) !important;
color: var(--error-color2) !important;
border: solid 4px var(--error-color2) !important;
}
/* ? کانفرم باتن */
.confirm-button-2 {
background-color: var(--white) !important;
border: solid 2px var(--error-color2) !important;
color: var(--error-color2) !important;
}
/* ? هاور کانفرم باتن */
.confirm-button-2:hover {
background-color: var(--error-color2) !important;
color: var(--white) !important;
}
/* ? کنسل باتن */
.cancle-button2 {
background-color: var(--error-color2) !important;
color: var(--white) !important;
border: solid 2px var(--error-color2) !important;
}
/* ? هاور کنسل باتن */
.cancle-button2:hover {
background-color: var(--white) !important;
color: var(--error-color2) !important;
}
/* !error4 */
/* ? تایتل */
.title-error-4 {
text-align: center !important;
color: var(--error-color2) !important;
}
.alert-popup4 {
width: 440px !important;
}
/* !error5 */
/* ? کانفرم باتن */
.confirm-button-5 {
background-color: var(--error-color2) !important;
margin-top: -81px !important;
margin-left: -260px !important;
padding: 12px 15px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
/* ? اینپوت فیلد */
.input-error-5 {
width: 70% !important;
height: 47px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
/* !error6 */
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-6 {
color: var(--error-color1) !important;
}
/* ? هاور دکمه ضربدر بالا سمت چپ */
.close-button-6:hover {
background-color: var(--error-color1) !important;
color: var(--white) !important;
border: solid 4px var(--error-color1) !important;
}
/* !error7 */
/* ? تایتل */
.title-error-7 {
color: var(--error-color7) !important;
}
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-7 {
background-color: var(--error-color7-button) !important;
color: var(--white) !important;
}
/* ? هاور دکمه ضربدر بالا سمت چپ */
.close-button-7:hover {
background-color: var(--white) !important;
color: var(--error-color7) !important;
border: solid 4px var(--error-color7-button) !important;
}
/* ? کانفرم باتن */
.confirm-button-7 {
background-color: var(--white) !important;
border: solid 2px var(--error-color7-button) !important;
color: var(--error-color7) !important;
}
/* ? هاور کانفرم باتن */
.confirm-button-7:hover {
background-color: var(--error-color7-button) !important;
color: var(--white) !important;
}
/* ? کنسل باتن */
.cancle-button7 {
background-color: var(--error-color7-button) !important;
color: var(--white) !important;
border: solid 2px var(--error-color7-button) !important;
}
/* ? هاور کنسل باتن */
.cancle-button7:hover {
background-color: var(--white) !important;
color: var(--error-color7-button) !important;
}
/* !error8 */
.title-error-8 {
color: var(--error-color7-button) !important;
text-align: center !important;
}
.alert-popup8 {
width: 440px !important;
}
/* !error9 */
.title-error-9 {
color: var(--white) !important;
}
.alert-popup9 {
background-color: var(--error-color2) !important;
border-color: var(--error-color2) !important;
}
.close-button-9 {
background-color: var(--toast-bg-success) !important;
color: var(--toast-success-color) !important;
}
.confirm-button-9 {
background-color: #35bb20 !important;
}
.cancle-button9 {
background-color: var(--white) !important;
color: var(--error-color2) !important;
}
.footer-error-9 a {
color: var(--white) !important;
border-bottom-color: var(--white) !important;
font-size: 18px !important;
}
/* !error10 */
.alert-popup10 {
background-color: var(--error-color7-button) !important;
border-color: var(--error-color7-button) !important;
}
.close-button-10 {
background-color: #fd6a6a !important;
color: var(--white) !important;
}
.confirm-button-10 {
background-color: #bb2020 !important;
}
.cancle-button10 {
background-color: var(--white) !important;
color: var(--error-color7-button) !important;
}
/*# sourceMappingURL=index.css.map */

File diff suppressed because one or more lines are too long

@ -9,9 +9,6 @@ function Alert(props) {
props.confirmAlert();
return (
<div className="">
<h2 className="mt-4 mx-7 bg-pink-600 rounded p-4 text-center text-white">
inside Alert Components
</h2>
{/* 1 */}
<button
className="bg-red-600 p-4 rounded text-white m-4"
@ -249,6 +246,5 @@ const mapStateToProps = (state) => ({});
const mapDispatchToProps = {
confirmAlert: alert.confirm,
};
// export default Alert;
export default connect(mapStateToProps, mapDispatchToProps)(Alert);

@ -8,11 +8,7 @@ import { connect } from "react-redux";
function Toast(props) {
props.confirmAlert();
return (
<div className="mt-5">
{" "}
<h2 className="mt-4 mx-7 bg-indigo-400 rounded p-4 text-center text-white">
inside Toast Components
</h2>
<div className="">
{/* toast1 */}
<button
className="bg-orange-300 p-4 rounded text-white m-4"
@ -157,12 +153,10 @@ function Toast(props) {
);
}
const mapStateToProps = (state) => {
return {};
};
const mapStateToProps = (state) => ({});
const mapDispatchToProps = {
confirmAlert: alert.confirm,
confirmAlert: alert.toast,
};
export default connect(mapStateToProps, mapDispatchToProps)(Toast);

Loading…
Cancel
Save