diff --git a/src/App.css b/src/App.css new file mode 100644 index 0000000..14d113e --- /dev/null +++ b/src/App.css @@ -0,0 +1 @@ +/* No CSS *//*# sourceMappingURL=App.css.map */ \ No newline at end of file diff --git a/src/App.css.map b/src/App.css.map new file mode 100644 index 0000000..4d00082 --- /dev/null +++ b/src/App.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "", + "sources": [ + "App.scss" + ], + "names": [], + "file": "App.css" +} \ No newline at end of file diff --git a/src/App.js b/src/App.js index 878ce9e..665a927 100644 --- a/src/App.js +++ b/src/App.js @@ -19,7 +19,6 @@ import VodProductDesign from "./components/vodProductDesign/VodProductDesign"; import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection"; import FooterDesign1 from "./components/footer/design1/FooterDesign1"; import Testttt from "./components/testtttt/Testttt"; -import Test2 from "./components/Test2/"; import Design2D from "./components/Design2D/Design2D"; import Features from "./components/Features/index"; import Feedback from "./components/Feedback/index"; @@ -50,45 +49,45 @@ function App() { return (
- - + {/* */} + {/* */} {/* */} - - - - - - - - - - - - - - - - - - + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} - - - - - - - - - - - - - - - - - + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */}
); diff --git a/src/App.scss b/src/App.scss index d1f0744..e69de29 100644 --- a/src/App.scss +++ b/src/App.scss @@ -1,3 +0,0 @@ -* { - direction: rtl; -} diff --git a/src/components/Alert/index.css b/src/components/Alert/index.css new file mode 100644 index 0000000..555dfe2 --- /dev/null +++ b/src/components/Alert/index.css @@ -0,0 +1,321 @@ +@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 */ \ No newline at end of file diff --git a/src/components/Alert/index.css.map b/src/components/Alert/index.css.map new file mode 100644 index 0000000..212249b --- /dev/null +++ b/src/components/Alert/index.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "index.scss" + ], + "names": [], + "file": "index.css" +} \ No newline at end of file diff --git a/src/components/Alert/index.js b/src/components/Alert/index.js index 1ce02e3..21e15c2 100644 --- a/src/components/Alert/index.js +++ b/src/components/Alert/index.js @@ -7,9 +7,10 @@ import { connect } from "react-redux"; function Alert(props) { return (
+

inside Alert Components

{/* 1 */} {/* 2 */} {/* 3 */} {/* 4 */} {/* 5 */} {/* 6 */} {/* 7 */} {/* 8 */} {/* 9 */} {/* 10 */}