Danovin
/
danovin
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

18-6

Browse Source
master
amir hosein gorji 3 years ago
parent 09bb0f0ed6
commit 73f4f7ad3d
52 changed files with 470 additions and 430 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 31
      public/offline.html
  2. 2
      src/App.css
  3. 5
      src/Redux/actions/userProduct.js
  4. 3
      src/Redux/reducers/userProduct.js
  5. 24
      src/views/AR/Item/index.js
  6. 71
      src/views/AR/index.js
  7. 12
      src/views/About/index.scss
  8. 8
      src/views/Activation/index.scss
  9. 2
      src/views/Auth/Login/Cellphone/index.scss
  10. 2
      src/views/Auth/Login/Code/index.scss
  11. 4
      src/views/Auth/Profile/index.scss
  12. 2
      src/views/Cart/DeliveryMethod/index.scss
  13. 21
      src/views/Cart/Discount/index.scss
  14. 24
      src/views/Cart/Factor/index.scss
  15. 4
      src/views/Cart/index.scss
  16. 4
      src/views/ChatList/index.scss
  17. 2
      src/views/ChatRoom/Body/Message/Inline/index.scss
  18. 48
      src/views/ChatRoom/Body/index.scss
  19. 55
      src/views/ChatRoom/Info/index.scss
  20. 4
      src/views/Contact/index.js
  21. 4
      src/views/Contact/index.scss
  22. 4
      src/views/Faq/index.scss
  23. 44
      src/views/Home/Footer/index.js
  24. 10
      src/views/Home/Footer/index.scss
  25. 38
      src/views/Home/HomeScroll/MyProduct/index.scss
  26. 38
      src/views/Home/HomeScroll/Product/index.scss
  27. 4
      src/views/Home/HomeScroll/index.scss
  28. 2
      src/views/Home/HomeSearch/index.js
  29. 4
      src/views/Home/HomeSlider/Blog/index.scss
  30. 4
      src/views/Home/HomeSlider/Header/index.js
  31. 8
      src/views/Home/HomeSlider/Header/index.scss
  32. 42
      src/views/Home/HomeSlider/Simple/index.scss
  33. 4
      src/views/Home/HomeSlider/index.scss
  34. 10
      src/views/Home/HomeStatic/index.scss
  35. 4
      src/views/Home/Membership/index.js
  36. 4
      src/views/Home/Membership/index.scss
  37. 2
      src/views/Home/Navbar/Laptop/index.js
  38. 2
      src/views/Home/Navbar/Mobile/index.scss
  39. 2
      src/views/Home/SingleBlog/index.scss
  40. 2
      src/views/Home/index.scss
  41. 2
      src/views/Product/AddToCart/index.scss
  42. 10
      src/views/Product/Gallery/index.scss
  43. 17
      src/views/Product/Info/index.scss
  44. 12
      src/views/Product/index.scss
  45. 4
      src/views/Products/Filters/AppliedFilters/index.scss
  46. 19
      src/views/Products/Filters/TypicalFilters/index.scss
  47. 2
      src/views/Products/Product/index.scss
  48. 2
      src/views/QR/BookContent/index.scss
  49. 16
      src/views/QR/SubjectsDropdown/index.scss
  50. 52
      src/views/QR/VoiceBox/index.scss
  51. 14
      src/views/QR/index.scss
  52. 6
      src/views/QRScan/index.scss

31
public/offline.html
Unescape View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -24,7 +25,7 @@
} }
@font-face { @font-face {
font-family: numeralBold; font-family: numeralMedium;
src: url(assets/IRANSans/IRANSans_Bold.ttf); src: url(assets/IRANSans/IRANSans_Bold.ttf);
} }
@ -49,24 +50,19 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: linear-gradient( background: linear-gradient(270deg,
270deg,
hsla(0, 0%, 100%, 1) 0%, hsla(0, 0%, 100%, 1) 0%,
hsla(100, 100%, 60%, 1) 100% hsla(100, 100%, 60%, 1) 100%);
);
background: -moz-linear-gradient( background: -moz-linear-gradient(270deg,
270deg,
hsla(0, 0%, 100%, 1) 0%, hsla(0, 0%, 100%, 1) 0%,
hsla(100, 100%, 60%, 1) 100% hsla(100, 100%, 60%, 1) 100%);
);
background: -webkit-linear-gradient( background: -webkit-linear-gradient(270deg,
270deg,
hsla(0, 0%, 100%, 1) 0%, hsla(0, 0%, 100%, 1) 0%,
hsla(100, 100%, 60%, 1) 100% hsla(100, 100%, 60%, 1) 100%);
);
} }
.splash span { .splash span {
font-family: numeralLight; font-family: numeralLight;
margin-top: 20px; margin-top: 20px;
@ -75,12 +71,13 @@
letter-spacing: -1px; letter-spacing: -1px;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="splash"> <div class="splash">
<img src="assets/icons/logo.png" alt="لوگو" /> <img src="assets/icons/logo.png" alt="لوگو" />
<span>دسترسی شما به اینترنت قطع می‌باشد.</span> <span>دسترسی شما به اینترنت قطع می‌باشد.</span>
</div> </div>
</body> </body>
</html> </html>

2
src/App.css
Unescape View File

@ -15,7 +15,7 @@
} }
@font-face { @font-face {
font-family: numeralBold; font-family: numeralMedium;
src: url(assets/IRANSans/IRANSans_Bold.ttf); src: url(assets/IRANSans/IRANSans_Bold.ttf);
} }

5
src/Redux/actions/userProduct.js
Unescape View File

@ -5,6 +5,11 @@ const userProduct = {
async (dispatch) => { async (dispatch) => {
await proxy.get("userProduct/list", data, { dispatch }); await proxy.get("userProduct/list", data, { dispatch });
}, },
myList:
(data = {}) =>
async (dispatch) => {
await proxy.get("userProduct/myList", data, { dispatch });
},
info: info:
(data = {}) => (data = {}) =>
async (dispatch) => async (dispatch) =>

3
src/Redux/reducers/userProduct.js
Unescape View File

@ -8,6 +8,7 @@ const initialState = {
sum: null, sum: null,
checkEmpty: false, checkEmpty: false,
hasPhysical: false, hasPhysical: false,
myList: [],
}; };
export default function userProduct(state = initialState, action) { export default function userProduct(state = initialState, action) {
let { type, data, message } = action; let { type, data, message } = action;
@ -30,6 +31,8 @@ export default function userProduct(state = initialState, action) {
}; };
case "userProduct/info": case "userProduct/info":
return { ...state, loading: false, info: data, error: null }; return { ...state, loading: false, info: data, error: null };
case "userProduct/myList":
return { ...state, loading: false, myList: data, error: null };
case "userProduct/update": case "userProduct/update":
return { ...state, loading: false, error: null }; return { ...state, loading: false, error: null };
case "userProduct/add": case "userProduct/add":

24
src/views/AR/Item/index.js
Unescape View File

@ -15,10 +15,25 @@ const fontSize = {
old: window.innerWidth > maxDesktopSize ? 9 : window.innerWidth / 120, old: window.innerWidth > maxDesktopSize ? 9 : window.innerWidth / 120,
}, },
}; };
const grades = [
"پیش دبستان",
"اول",
"دوم",
"سوم",
"چهارم",
"پنجم",
"ششم",
"هفتم",
"هشتم",
"نهم",
"دهم",
"یازدهم",
"دوازدهم",
];
export default class Item extends Component { export default class Item extends Component {
render() { render() {
const { data } = this.props; const { data } = this.props;
console.log({ data });
return ( return (
<> <>
{window.innerWidth < 1000 ? ( {window.innerWidth < 1000 ? (
@ -28,11 +43,14 @@ export default class Item extends Component {
className="mobile-products-product d-flex flex-column" className="mobile-products-product d-flex flex-column"
> >
<img <img
src={`https://dnvn.ir/api/v1/file/${data.fileId}`} src={`https://dnvn.ir/api/v1/file/${data["product.book.fileIds"]}`}
alt={data.title} alt={data.title}
/> />
<div className="mobile-products-product__info d-flex flex-column"> <div className="mobile-products-product__info d-flex flex-column">
<h1 style={{ fontSize: fontSize.mobile.h1 }}>{data.title}</h1> <h1 style={{ fontSize: fontSize.mobile.h1 }}>
{data["product.book.name"]}{" "}
{grades[+data["product.book.gradeId"]]}
</h1>
</div> </div>
</a> </a>
) : null} ) : null}

71
src/views/AR/index.js
Unescape View File

@ -1,7 +1,7 @@
import React, { Component } from "react"; import React, { Component } from "react";
import { connect } from "react-redux"; import { connect } from "react-redux";
import { userProduct } from "~/Redux/actions"; import { userProduct } from "~/Redux/actions";
import { Link } from "react-router-dom";
import Navbar from "../Home/Navbar/index"; import Navbar from "../Home/Navbar/index";
import Footer from "../Home/Footer/index"; import Footer from "../Home/Footer/index";
import Loader from "~/components/Loader/index"; import Loader from "~/components/Loader/index";
@ -11,26 +11,63 @@ import BreadCrumbs from "./BreadCrumb/index";
import "./index.scss"; import "./index.scss";
const maxDesktopSize = 1250; const maxDesktopSize = 1250;
const maxMobileSize = 550;
const fontSize = { const fontSize = {
mobile: {
h1: window.innerWidth > maxMobileSize ? 24 : window.innerWidth / 20,
a: window.innerWidth > maxMobileSize ? 15 : window.innerWidth / 30,
p: window.innerWidth > maxMobileSize ? 14 : window.innerWidth / 30,
},
desktop: { desktop: {
h1: window.innerWidth > maxDesktopSize ? 25 : window.innerWidth / 70, h1: window.innerWidth > maxDesktopSize ? 18 : window.innerWidth / 70,
p: window.innerHeight > maxDesktopSize ? 15 : window.innerWidth / 90, a: window.innerHeight > maxDesktopSize ? 15 : window.innerWidth / 85,
p: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 90,
}, },
}; };
class AR extends Component { class AR extends Component {
componentDidMount() { componentDidMount() {
window.scrollTo(0, 0); window.scrollTo(0, 0);
// this.props.getArList({ type: 3 }); this.props.getMyList({ isActive: 1, productType: 3 });
} }
render() { render() {
const { data, arList } = this.props; const { arList, loading } = this.props;
if (loading)
return (
<div
className="d-flex justify-content-center align-items-center"
style={{ height: "100vh", width: "100vw" }}
>
<Loader />
</div>
);
if (arList.length === 0)
return (
<div className="ar d-flex flex-column">
<Navbar />
<div
className="mybooks__list--empty d-flex flex-column justify-content-center align-items-center"
style={{ width: "100vw", height: "calc(100vh - 100px)" }}
>
<p
style={{
fontSize:
window.innerWidth > 1000
? fontSize.desktop.p
: fontSize.mobile.p,
}}
>
برای استفاده از این بخش باید یک کتاب را فعالسازی کرده باشید
</p>
<Link to="/activation">فعالسازی کتاب</Link>
</div>
</div>
);
return ( return (
<> <>
{window.innerWidth > 1000 ? ( {window.innerWidth > 1000 ? (
arList.length > 0 ? (
<> <>
<div className="ar d-flex flex-column"> <div className="ar d-flex flex-column">
<Navbar /> <Navbar />
@ -39,17 +76,8 @@ class AR extends Component {
</div> </div>
<Footer /> <Footer />
</> </>
) : (
<div
className="d-flex justify-content-center align-items-center"
style={{ height: "100vh", width: "100vw" }}
>
<Loader />
</div>
)
) : null} ) : null}
{window.innerWidth < 1000 ? ( {window.innerWidth < 1000 ? (
arList.length ? (
<div className="mobile-ar d-flex flex-column"> <div className="mobile-ar d-flex flex-column">
<Navbar /> <Navbar />
<BreadCrumbs /> <BreadCrumbs />
@ -59,14 +87,6 @@ class AR extends Component {
))} ))}
</div> </div>
</div> </div>
) : (
<div
className="d-flex justify-content-center align-items-center"
style={{ height: "100vh", width: "100vw" }}
>
<Loader />
</div>
)
) : null} ) : null}
</> </>
); );
@ -75,9 +95,10 @@ class AR extends Component {
export default connect( export default connect(
(state) => ({ (state) => ({
arList: state.userProduct.list, arList: state.userProduct.myList || [],
loading: state.loading,
}), }),
{ {
getArList: userProduct.list, getMyList: userProduct.myList,
} }
)(AR); )(AR);

12
src/views/About/index.scss
Unescape View File

@ -18,7 +18,7 @@
h1 { h1 {
display: inline; display: inline;
letter-spacing: -2px; letter-spacing: -2px;
font-family: numeralBold; font-family: numeralMedium;
background-color: #00cc69; background-color: #00cc69;
color: white; color: white;
} }
@ -34,7 +34,7 @@
margin-top: 20px; margin-top: 20px;
h2 { h2 {
display: inline; display: inline;
font-family: numeralBold; font-family: numeralMedium;
background-color: #00cc69; background-color: #00cc69;
color: white; color: white;
} }
@ -110,7 +110,7 @@
margin-top: 20px; margin-top: 20px;
h1 { h1 {
display: inline; display: inline;
font-family: numeralBold; font-family: numeralMedium;
background-color: #00cc69; background-color: #00cc69;
color: white; color: white;
} }
@ -142,7 +142,7 @@
h1 { h1 {
display: inline; display: inline;
letter-spacing: -2px; letter-spacing: -2px;
font-family: numeralBold; font-family: numeralMedium;
background-color: #00cc69; background-color: #00cc69;
color: white; color: white;
} }
@ -202,7 +202,7 @@
transform: translateY(-40px); transform: translateY(-40px);
h2 { h2 {
display: inline; display: inline;
font-family: numeralBold; font-family: numeralMedium;
background-color: #00cc69; background-color: #00cc69;
color: white; color: white;
} }
@ -228,7 +228,7 @@
margin-top: 30px; margin-top: 30px;
h1 { h1 {
display: inline; display: inline;
font-family: numeralBold; font-family: numeralMedium;
background-color: #00cc69; background-color: #00cc69;
color: white; color: white;
// margin-bottom: 20px; // margin-bottom: 20px;

8
src/views/Activation/index.scss
Unescape View File

@ -26,7 +26,7 @@
&__header { &__header {
margin: auto; margin: auto;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
margin-top: 15px; margin-top: 15px;
color: #00cc69; color: #00cc69;
letter-spacing: -2px; letter-spacing: -2px;
@ -107,7 +107,7 @@
width: 100%; width: 100%;
margin: 30px 0px; margin: 30px 0px;
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #02a255; color: #02a255;
font-size: calc(100vw / 24); font-size: calc(100vw / 24);
margin-bottom: 20px; margin-bottom: 20px;
@ -131,7 +131,7 @@
width: 200px; width: 200px;
} }
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
margin-top: 15px; margin-top: 15px;
color: #00cc69; color: #00cc69;
letter-spacing: -2px; letter-spacing: -2px;
@ -210,7 +210,7 @@
max-width: 900px; max-width: 900px;
margin: 50px 0px; margin: 50px 0px;
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #02a255; color: #02a255;
margin-bottom: 20px; margin-bottom: 20px;
} }

2
src/views/Auth/Login/Cellphone/index.scss
Unescape View File

@ -100,7 +100,7 @@
width: 250px; width: 250px;
} }
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
position: relative; position: relative;
bottom: 40px; bottom: 40px;

2
src/views/Auth/Login/Code/index.scss
Unescape View File

@ -74,7 +74,7 @@
} }
h1 { h1 {
width: 100%; width: 100%;
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
position: relative; position: relative;
} }

4
src/views/Auth/Profile/index.scss
Unescape View File

@ -16,7 +16,7 @@
} }
h1 { h1 {
margin-top: 15px; margin-top: 15px;
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
letter-spacing: -1px; letter-spacing: -1px;
} }
@ -165,7 +165,7 @@
border-radius: 20px; border-radius: 20px;
h1 { h1 {
margin-top: 15px; margin-top: 15px;
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
letter-spacing: -1px; letter-spacing: -1px;
} }

2
src/views/Cart/DeliveryMethod/index.scss
Unescape View File

@ -47,6 +47,6 @@
h3, h3,
span { span {
color: #02a255; color: #02a255;
font-family: numeralMedium; font-family: numeralLight;
} }
} }

21
src/views/Cart/Discount/index.scss
Unescape View File

@ -1,9 +1,9 @@
.discount-code { .discount-code {
border-bottom: 1px dotted #A5A5A5; border-bottom: 1px dotted #a5a5a5;
margin-top: 20px; margin-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #2580ec; color: #2580ec;
} }
p { p {
@ -11,7 +11,7 @@
color: #a5a5a5; color: #a5a5a5;
letter-spacing: -1px; letter-spacing: -1px;
} }
&__box{ &__box {
border: 1px solid #2b95ff; border: 1px solid #2b95ff;
padding: 5px; padding: 5px;
border-radius: 10px; border-radius: 10px;
@ -24,8 +24,8 @@
border: 0px; border: 0px;
flex: 1; flex: 1;
direction: ltr; direction: ltr;
&:focus{ &:focus {
outline : none; outline: none;
} }
} }
button { button {
@ -41,11 +41,11 @@
} }
.mobile-discount-code { .mobile-discount-code {
border-bottom: 1px dotted #A5A5A5; border-bottom: 1px dotted #a5a5a5;
margin-top: 20px; margin-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #2580ec; color: #2580ec;
} }
p { p {
@ -53,7 +53,7 @@
color: #a5a5a5; color: #a5a5a5;
letter-spacing: -1px; letter-spacing: -1px;
} }
&__box{ &__box {
border: 1px solid #2b95ff; border: 1px solid #2b95ff;
padding: 5px; padding: 5px;
border-radius: 10px; border-radius: 10px;
@ -66,8 +66,8 @@
border: 0px; border: 0px;
flex: 1; flex: 1;
direction: ltr; direction: ltr;
&:focus{ &:focus {
outline : none; outline: none;
} }
} }
button { button {
@ -79,5 +79,4 @@
border: 0px; border: 0px;
} }
} }
} }

24
src/views/Cart/Factor/index.scss
Unescape View File

@ -1,9 +1,9 @@
.mobile-factor{ .mobile-factor {
border-bottom: 1px dotted #A5A5A5; border-bottom: 1px dotted #a5a5a5;
margin-top: 20px; margin-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #2580ec; color: #2580ec;
} }
p { p {
@ -11,26 +11,26 @@
color: #a5a5a5; color: #a5a5a5;
letter-spacing: -1px; letter-spacing: -1px;
} }
div{ div {
margin-bottom: 10px; margin-bottom: 10px;
strong{ strong {
font-family: numeralLight; font-family: numeralLight;
color: #373737; color: #373737;
font-weight: 300; font-weight: 300;
} }
span{ span {
font-family: numeralLight; font-family: numeralLight;
color: #373737; color: #373737;
} }
} }
} }
.factor{ .factor {
border-bottom: 1px dotted #A5A5A5; border-bottom: 1px dotted #a5a5a5;
margin-top: 20px; margin-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #2580ec; color: #2580ec;
} }
p { p {
@ -38,14 +38,14 @@
color: #a5a5a5; color: #a5a5a5;
letter-spacing: -1px; letter-spacing: -1px;
} }
div{ div {
margin-bottom: 10px; margin-bottom: 10px;
strong{ strong {
font-family: numeralLight; font-family: numeralLight;
color: #373737; color: #373737;
font-weight: 300; font-weight: 300;
} }
span{ span {
font-family: numeralLight; font-family: numeralLight;
color: #373737; color: #373737;
} }

4
src/views/Cart/index.scss
Unescape View File

@ -84,7 +84,7 @@
margin-top: 30px; margin-top: 30px;
} }
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #373737; color: #373737;
} }
@ -93,7 +93,7 @@
margin-top: 20px; margin-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #2580ec; color: #2580ec;
} }
p { p {

4
src/views/ChatList/index.scss
Unescape View File

@ -50,8 +50,8 @@
background-color: white; background-color: white;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
h1{ h1 {
font-family: numeralBold; font-family: numeralMedium;
font-size: 20px; font-size: 20px;
color: #afafaf; color: #afafaf;
} }

2
src/views/ChatRoom/Body/Message/Inline/index.scss
Unescape View File

@ -28,7 +28,7 @@
width: 100%; width: 100%;
text-align: right; text-align: right;
font-size: 16px; font-size: 16px;
// font-family: IRANSansNumeralBold; // font-family: IRANSansnumeralMedium;
} }
} }
&__options { &__options {

48
src/views/ChatRoom/Body/index.scss
Unescape View File

@ -6,9 +6,9 @@
height: 60px; height: 60px;
// top: 20px; // top: 20px;
z-index: 30; z-index: 30;
// font-family: 'IRANSansNumeralBold'; // font-family: 'IRANSansnumeralMedium';
// & div { // & div {
// font-family: 'IRANSansNumeralBold'; // font-family: 'IRANSansnumeralMedium';
// } // }
} }
@ -81,7 +81,7 @@
} }
} }
} }
&::-webkit-scrollbar{ &::-webkit-scrollbar {
width: 0px; width: 0px;
display: none; display: none;
} }
@ -96,16 +96,16 @@
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; overflow-x: hidden;
padding-bottom: 15px; padding-bottom: 15px;
&::-webkit-scrollbar{ &::-webkit-scrollbar {
width: 0px; width: 0px;
display: none; display: none;
} }
&--emoji{ &--emoji {
margin-top: 5px; margin-top: 5px;
width: 100%; width: 100%;
background-color: red; background-color: red;
height: 250px; height: 250px;
&::-webkit-scrollbar{ &::-webkit-scrollbar {
width: 0px; width: 0px;
display: none; display: none;
} }
@ -113,14 +113,14 @@
// position: absolute; // position: absolute;
// bottom: 0px; // bottom: 0px;
// left: 0px; // left: 0px;
.MuiBox-root{ .MuiBox-root {
max-height : 202px; max-height: 202px;
min-height: 160px; min-height: 160px;
overflow-y: scroll; overflow-y: scroll;
padding: 10px 10px 0px !important; padding: 10px 10px 0px !important;
} }
.MuiTab-root{ .MuiTab-root {
padding: 2px !important; padding: 2px !important;
min-height: 22px !important; min-height: 22px !important;
min-width: 34px !important; min-width: 34px !important;
@ -128,16 +128,16 @@
margin-right: 10px !important; margin-right: 10px !important;
} }
.MuiTabs-root{ .MuiTabs-root {
min-height: 28px !important; min-height: 28px !important;
} }
.PrivateTabIndicator-colorPrimary-7{ .PrivateTabIndicator-colorPrimary-7 {
width : 34px !important; width: 34px !important;
background-color: green !important; background-color: green !important;
} }
.MuiPaper-elevation4{ .MuiPaper-elevation4 {
box-shadow: none !important; box-shadow: none !important;
} }
} }
@ -214,7 +214,7 @@
} }
} }
} }
&::-webkit-scrollbar{ &::-webkit-scrollbar {
width: 0px; width: 0px;
display: none; display: none;
} }
@ -229,16 +229,16 @@
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; overflow-x: hidden;
padding-bottom: 15px; padding-bottom: 15px;
&::-webkit-scrollbar{ &::-webkit-scrollbar {
width: 0px; width: 0px;
display: none; display: none;
} }
&--emoji{ &--emoji {
margin-top: 5px; margin-top: 5px;
width: 100%; width: 100%;
background-color: red; background-color: red;
height: 250px; height: 250px;
&::-webkit-scrollbar{ &::-webkit-scrollbar {
width: 0px; width: 0px;
display: none; display: none;
} }
@ -246,14 +246,14 @@
// position: absolute; // position: absolute;
// bottom: 0px; // bottom: 0px;
// left: 0px; // left: 0px;
.MuiBox-root{ .MuiBox-root {
max-height : 202px; max-height: 202px;
min-height: 160px; min-height: 160px;
overflow-y: scroll; overflow-y: scroll;
padding: 10px 10px 0px !important; padding: 10px 10px 0px !important;
} }
.MuiTab-root{ .MuiTab-root {
padding: 2px !important; padding: 2px !important;
min-height: 22px !important; min-height: 22px !important;
min-width: 34px !important; min-width: 34px !important;
@ -261,16 +261,16 @@
margin-right: 10px !important; margin-right: 10px !important;
} }
.MuiTabs-root{ .MuiTabs-root {
min-height: 28px !important; min-height: 28px !important;
} }
.PrivateTabIndicator-colorPrimary-7{ .PrivateTabIndicator-colorPrimary-7 {
width : 34px !important; width: 34px !important;
background-color: green !important; background-color: green !important;
} }
.MuiPaper-elevation4{ .MuiPaper-elevation4 {
box-shadow: none !important; box-shadow: none !important;
} }
} }

55
src/views/ChatRoom/Info/index.scss
Unescape View File

@ -22,7 +22,7 @@
height: 65px; height: 65px;
bottom: -30px; bottom: -30px;
right: 40px; right: 40px;
background : #128c7e; background: #128c7e;
padding: 5px; padding: 5px;
border-radius: 100px; border-radius: 100px;
z-index: 400; z-index: 400;
@ -81,89 +81,88 @@
} }
} }
.desktop-contact-info {
.desktop-contact-info{
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow-y: scroll; overflow-y: scroll;
box-shadow: 0px 0px 7px rgb(214, 214, 214); box-shadow: 0px 0px 7px rgb(214, 214, 214);
background-color:white; background-color: white;
&::-webkit-scrollbar{ &::-webkit-scrollbar {
display: none; display: none;
width: 0px; width: 0px;
} }
&__header{ &__header {
min-height: 55px; min-height: 55px;
width : 100%; width: 100%;
border-bottom: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224);
position: relative; position: relative;
} }
&__body{ &__body {
width: 100%; width: 100%;
height: calc(100% - 55px); height: calc(100% - 55px);
padding-top: 20px; padding-top: 20px;
overflow-x: hidden; overflow-x: hidden;
&--profileImage{ &--profileImage {
width: 140px; width: 140px;
min-height: 140px; min-height: 140px;
border-radius: 50%; border-radius: 50%;
} }
h1{ h1 {
color: #6F7074; color: #6f7074;
margin-top: 10px; margin-top: 10px;
font-family: numeralBold; font-family: numeralMedium;
} }
&--bio{ &--bio {
width: 100%; width: 100%;
padding: 0px 10px; padding: 0px 10px;
margin-top: 10px; margin-top: 10px;
h2{ h2 {
font-family: numeralMedium; font-family: numeralMedium;
color: #00CC69; color: #00cc69;
margin-top: 10px; margin-top: 10px;
} }
p{ p {
font-family: numeralLight; font-family: numeralLight;
color: #6F7074; color: #6f7074;
text-align: justify; text-align: justify;
letter-spacing: -1px; letter-spacing: -1px;
} }
ul{ ul {
padding: 0px; padding: 0px;
list-style: none; list-style: none;
li{ li {
font-family: numeralLight; font-family: numeralLight;
color: #6F7074; color: #6f7074;
text-align: justify; text-align: justify;
letter-spacing: -1px; letter-spacing: -1px;
} }
} }
} }
&--buttons{ &--buttons {
width: 80%; width: 80%;
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 25px; margin-top: 25px;
li{ li {
list-style: none; list-style: none;
padding: 10px; padding: 10px;
border-radius: 50%; border-radius: 50%;
} }
} }
&--options{ &--options {
width: calc(100% - 20px); width: calc(100% - 20px);
padding: 15px 0px; padding: 15px 0px;
border-bottom: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224);
margin-top: 10px; margin-top: 10px;
h3{ h3 {
font-family: numeralMedium; font-family: numeralMedium;
color: #6F7074; color: #6f7074;
margin: 0px; margin: 0px;
} }
span{ span {
font-family: numeralLight; font-family: numeralLight;
color: #6F7074; color: #6f7074;
} }
&__click{ &__click {
cursor: pointer; cursor: pointer;
} }
} }

4
src/views/Contact/index.js
Unescape View File

@ -56,9 +56,7 @@ class Contact extends Component {
<Navbar page={"contact"} /> <Navbar page={"contact"} />
<div className="contact__forms d-flex"> <div className="contact__forms d-flex">
<div className="contact__forms--right d-flex flex-column"> <div className="contact__forms--right d-flex flex-column">
<h1 style={{ fontSize: fontSize.desktop.h1 }}> <h1 style={{ fontSize: fontSize.desktop.h1 }}>پشتیبانی</h1>
تماس با ما
</h1>
<p style={{ fontSize: fontSize.desktop.p }}> <p style={{ fontSize: fontSize.desktop.p }}>
برای ارتباط با دنیای شگفت انگیز دانوین از فرم زیر استفاده برای ارتباط با دنیای شگفت انگیز دانوین از فرم زیر استفاده
کنید و پس از انتخاب دپارتمان مد نظر پیام خود را ارسال کنید و پس از انتخاب دپارتمان مد نظر پیام خود را ارسال

4
src/views/Contact/index.scss
Unescape View File

@ -62,7 +62,7 @@
h1 { h1 {
letter-spacing: -2px; letter-spacing: -2px;
color: #6cbe44; color: #6cbe44;
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 40); font-size: calc(100vw / 40);
} }
p { p {
@ -222,7 +222,7 @@
h1 { h1 {
letter-spacing: -2px; letter-spacing: -2px;
color: #6cbe44; color: #6cbe44;
font-family: numeralBold; font-family: numeralMedium;
} }
p { p {
font-family: numeralLight; font-family: numeralLight;

4
src/views/Faq/index.scss
Unescape View File

@ -11,7 +11,7 @@
width: 600px; width: 600px;
h1 { h1 {
letter-spacing: -2px; letter-spacing: -2px;
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 25); font-size: calc(100vw / 25);
color: #424246; color: #424246;
} }
@ -70,7 +70,7 @@
width: 100%; width: 100%;
h1 { h1 {
letter-spacing: -2px; letter-spacing: -2px;
font-family: numeralBold; font-family: numeralMedium;
color: #424246; color: #424246;
} }

44
src/views/Home/Footer/index.js
Unescape View File

@ -10,23 +10,24 @@ export default class Footer extends Component {
const { fastAccess } = this.props; const { fastAccess } = this.props;
return ( return (
<> <>
{ {window.innerWidth > 1000 ? (
window.innerWidth > 1000 ?
<footer className="footer d-flex flex-column"> <footer className="footer d-flex flex-column">
<div className="footer-container d-flex"> <div className="footer-container d-flex">
<div className="footer-container__content d-flex"> <div className="footer-container__content d-flex">
<div className="footer-container__content--box first d-flex flex-column"> <div className="footer-container__content--box first d-flex flex-column">
<h1>دانوین کجاست؟</h1> <h1>دانوین کجاست؟</h1>
<p className="mt-2"> <p className="mt-2">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه
در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی
نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای
کتابهای زیادی در شصت و سه{" "} کاربردی می باشد، کتابهای زیادی در شصت و سه{" "}
</p> </p>
<div className="footer__location d-flex align-items-center mt-2"> <div className="footer__location d-flex align-items-center mt-2">
<img src={location} alt="آدرس" className="m-1" /> <img src={location} alt="آدرس" className="m-1" />
<p>تهران خیابان انقلاب اسلامی بن بست سروش پلاک 2 طبقه چهار</p> <p>
تهران خیابان انقلاب اسلامی بن بست سروش پلاک 2 طبقه چهار
</p>
</div> </div>
<div <div
className="d-flex align-items-center mt-1" className="d-flex align-items-center mt-1"
@ -53,7 +54,7 @@ export default class Footer extends Component {
</ul> </ul>
</div> </div>
<div className="footer-container__content--box second d-flex flex-column"> <div className="footer-container__content--box second d-flex flex-column">
<h1>دسترسی سریع</h1> <h1>لینک های کاربردی</h1>
<ul> <ul>
{fastAccess.map((item) => ( {fastAccess.map((item) => (
<li> <li>
@ -68,25 +69,25 @@ export default class Footer extends Component {
<p>تمامی حقوق این وبسایت متعلق به دانوین می باشد. 1400</p> <p>تمامی حقوق این وبسایت متعلق به دانوین می باشد. 1400</p>
</div> </div>
</footer> </footer>
: null ) : null}
} {window.innerWidth < 1000 ? (
{
window.innerWidth < 1000 ?
<footer className="mobile-footer d-flex flex-column"> <footer className="mobile-footer d-flex flex-column">
<div className="mobile-footer-container d-flex"> <div className="mobile-footer-container d-flex">
<div className="mobile-footer-container__content d-flex flex-column"> <div className="mobile-footer-container__content d-flex flex-column">
<div className="mobile-footer-container__content--box first d-flex flex-column"> <div className="mobile-footer-container__content--box first d-flex flex-column">
<h1>دانوین کجاست؟</h1> <h1>دانوین کجاست؟</h1>
<p className="mt-2"> <p className="mt-2">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه
در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی
نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای
کتابهای زیادی در شصت و سه{" "} کاربردی می باشد، کتابهای زیادی در شصت و سه{" "}
</p> </p>
<div className="mobile-footer__location d-flex align-items-center mt-2"> <div className="mobile-footer__location d-flex align-items-center mt-2">
<img src={location} alt="آدرس" className="m-1" /> <img src={location} alt="آدرس" className="m-1" />
<p>تهران خیابان انقلاب اسلامی بن بست سروش پلاک 2 طبقه چهار</p> <p>
تهران خیابان انقلاب اسلامی بن بست سروش پلاک 2 طبقه چهار
</p>
</div> </div>
<div <div
className="d-flex align-items-center mt-1" className="d-flex align-items-center mt-1"
@ -127,10 +128,9 @@ export default class Footer extends Component {
<div className="mobile-footer__privacy d-flex align-items-center"> <div className="mobile-footer__privacy d-flex align-items-center">
<p>تمامی حقوق این وبسایت متعلق به دانوین می باشد. 1400</p> <p>تمامی حقوق این وبسایت متعلق به دانوین می باشد. 1400</p>
</div> </div>
</footer> : null </footer>
} ) : null}
</> </>
); );
} }
} }

10
src/views/Home/Footer/index.scss
Unescape View File

@ -1,7 +1,7 @@
.footer { .footer {
width: 100%; width: 100%;
background-color: rgb(80, 80, 80); background-color: rgb(80, 80, 80);
padding: 10px; // padding: 10px;
&-container { &-container {
width: 100%; width: 100%;
max-width: 1250px; max-width: 1250px;
@ -17,7 +17,7 @@
height: 17px; height: 17px;
} }
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #c4e14c; color: #c4e14c;
font-size: calc(100vw / 80); font-size: calc(100vw / 80);
} }
@ -38,7 +38,7 @@
flex: 1; flex: 1;
color: white; color: white;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #c4e14c; color: #c4e14c;
font-size: calc(100vw / 80); font-size: calc(100vw / 80);
} }
@ -94,7 +94,7 @@
height: 17px; height: 17px;
} }
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #c4e14c; color: #c4e14c;
font-size: calc(100vw / 20); font-size: calc(100vw / 20);
} }
@ -114,7 +114,7 @@
.second { .second {
color: white; color: white;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #c4e14c; color: #c4e14c;
font-size: calc(100vw / 20); font-size: calc(100vw / 20);
} }

38
src/views/Home/HomeScroll/MyProduct/index.scss
Unescape View File

@ -1,63 +1,63 @@
.scroll-my-product{ .scroll-my-product {
padding: 10px; padding: 10px;
background-color: #eee; background-color: #eee;
a{ a {
width : 100%; width: 100%;
text-decoration: none; text-decoration: none;
&:hover{ &:hover {
} }
img{ img {
width: 100%; width: 100%;
height: 150px; height: 150px;
border-top-left-radius: 15px; border-top-left-radius: 15px;
border-top-right-radius: 15px; border-top-right-radius: 15px;
} }
h1{ h1 {
font-family: numeralLight; font-family: numeralLight;
margin-top: 5px; margin-top: 5px;
font-size: calc(100vw / 34); font-size: calc(100vw / 34);
color: #7dc241; color: #7dc241;
letter-spacing: -1px; letter-spacing: -1px;
} }
h2{ h2 {
font-family: numeralLight; font-family: numeralLight;
margin-top: 10px; margin-top: 10px;
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
color: #6f7074; color: #6f7074;
} }
} }
&__notAvailabe{ &__notAvailabe {
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
width : 100%; width: 100%;
text-align: center; text-align: center;
color: #6f7074; color: #6f7074;
margin-top: 15px; margin-top: 15px;
} }
&__price{ &__price {
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
width : 100%; width: 100%;
margin-top: 15px; margin-top: 15px;
text-align: center; text-align: center;
&--old{ &--old {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
position: relative; position: relative;
margin-left: 0px; margin-left: 0px;
align-items:center; align-items: center;
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
span{ span {
position: absolute; position: absolute;
left: 0px; left: 0px;
width : 100%; width: 100%;
height: 2px; height: 2px;
background-color: rgba(121, 121, 121, 0.534); background-color: rgba(121, 121, 121, 0.534);
transform: rotate(-14deg); transform: rotate(-14deg);
} }
} }
&--price{ &--price {
color: #02733c; color: #02733c;
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
} }
} }

38
src/views/Home/HomeScroll/Product/index.scss
Unescape View File

@ -1,62 +1,62 @@
.scroll-product{ .scroll-product {
padding: 10px; padding: 10px;
a{ a {
width : 100%; width: 100%;
text-decoration: none; text-decoration: none;
&:hover{ &:hover {
} }
img{ img {
width: 100%; width: 100%;
height: 150px; height: 150px;
border-top-left-radius: 15px; border-top-left-radius: 15px;
border-top-right-radius: 15px; border-top-right-radius: 15px;
} }
h1{ h1 {
font-family: numeralLight; font-family: numeralLight;
margin-top: 5px; margin-top: 5px;
font-size: calc(100vw / 34); font-size: calc(100vw / 34);
color: #7dc241; color: #7dc241;
letter-spacing: -1px; letter-spacing: -1px;
} }
h2{ h2 {
font-family: numeralLight; font-family: numeralLight;
margin-top: 10px; margin-top: 10px;
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
color: #6f7074; color: #6f7074;
} }
} }
&__notAvailabe{ &__notAvailabe {
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
width : 100%; width: 100%;
text-align: center; text-align: center;
color: #6f7074; color: #6f7074;
margin-top: 15px; margin-top: 15px;
} }
&__price{ &__price {
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
width : 100%; width: 100%;
margin-top: 15px; margin-top: 15px;
text-align: center; text-align: center;
&--old{ &--old {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
position: relative; position: relative;
margin-left: 0px; margin-left: 0px;
align-items:center; align-items: center;
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
span{ span {
position: absolute; position: absolute;
left: 0px; left: 0px;
width : 100%; width: 100%;
height: 2px; height: 2px;
background-color: rgba(121, 121, 121, 0.534); background-color: rgba(121, 121, 121, 0.534);
transform: rotate(-14deg); transform: rotate(-14deg);
} }
} }
&--price{ &--price {
color: #02733c; color: #02733c;
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 45); font-size: calc(100vw / 45);
} }
} }

4
src/views/Home/HomeScroll/index.scss
Unescape View File

@ -10,7 +10,7 @@
&--right { &--right {
position: relative; position: relative;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
letter-spacing: -1px; letter-spacing: -1px;
} }
span { span {
@ -66,7 +66,7 @@
position: relative; position: relative;
h1 { h1 {
font-size: calc(100vw / 30); font-size: calc(100vw / 30);
font-family: numeralBold; font-family: numeralMedium;
letter-spacing: -1px; letter-spacing: -1px;
} }
span { span {

2
src/views/Home/HomeSearch/index.js
Unescape View File

@ -28,7 +28,7 @@ class HomeSearch extends Component {
return ( return (
<div className="home-search d-flex"> <div className="home-search d-flex">
<input <input
placeholder="جستجو در دانوین ..." placeholder="جستجو در عناوین کتاب ..."
className="home-search__input d-flex" className="home-search__input d-flex"
type="text" type="text"
name="search" name="search"

4
src/views/Home/HomeSlider/Blog/index.scss
Unescape View File

@ -18,7 +18,7 @@
border-radius: 10px; border-radius: 10px;
} }
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
margin-top: 15px; margin-top: 15px;
color: #6f7074; color: #6f7074;
} }
@ -75,7 +75,7 @@
border-radius: 10px; border-radius: 10px;
} }
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
margin-top: 15px; margin-top: 15px;
font-size: calc(100vw / 35); font-size: calc(100vw / 35);
color: #6f7074; color: #6f7074;

4
src/views/Home/HomeSlider/Header/index.js
Unescape View File

@ -30,7 +30,7 @@ export default class Header extends Component {
> >
<h1>{data.title}</h1> <h1>{data.title}</h1>
<h2>{data.subTitle}</h2> <h2>{data.subTitle}</h2>
<Link to={data.link}>{data.buttonText}</Link> <Link to={data.link || "/"}>{data.buttonText}</Link>
</div> </div>
</div> </div>
) : null} ) : null}
@ -57,7 +57,7 @@ export default class Header extends Component {
> >
<h1>{data.title}</h1> <h1>{data.title}</h1>
<h2>{data.subTitle}</h2> <h2>{data.subTitle}</h2>
<Link to={data.link}>{data.buttonText}</Link> <Link to={data.link || "/"}>{data.buttonText}</Link>
</div> </div>
</div> </div>
) : null} ) : null}

8
src/views/Home/HomeSlider/Header/index.scss
Unescape View File

@ -17,14 +17,14 @@
h1 { h1 {
font-size: calc(100vw / 55); font-size: calc(100vw / 55);
color: white; color: white;
font-family: numeralBold; font-family: numeralMedium;
letter-spacing: -1px; letter-spacing: -1px;
} }
h2 { h2 {
margin-top: 5px; margin-top: 5px;
font-size: calc(100vw / 78); font-size: calc(100vw / 78);
color: white; color: white;
font-family: numeralBold; font-family: numeralMedium;
} }
a { a {
text-decoration: none; text-decoration: none;
@ -68,13 +68,13 @@
h1 { h1 {
font-size: calc(100vw / 37); font-size: calc(100vw / 37);
color: white; color: white;
font-family: numeralBold; font-family: numeralMedium;
} }
h2 { h2 {
margin-top: 5px; margin-top: 5px;
font-size: calc(100vw / 48); font-size: calc(100vw / 48);
color: white; color: white;
font-family: numeralBold; font-family: numeralMedium;
} }
a { a {
text-decoration: none; text-decoration: none;

42
src/views/Home/HomeSlider/Simple/index.scss
Unescape View File

@ -1,57 +1,57 @@
.slider-simple{ .slider-simple {
padding: 10px; padding: 10px;
a{ a {
width : 100%; width: 100%;
text-decoration: none; text-decoration: none;
max-width: 200px; max-width: 200px;
&:hover{ &:hover {
} }
img{ img {
width: 100%; // width: 100%;
height: 250px; height: 250px;
border-radius: 10px; border-radius: 10px;
} }
h1{ h1 {
font-family: numeralBold; font-family: numeralMedium;
margin-top: 15px; margin-top: 15px;
color: #7dc241; color: #7dc241;
letter-spacing: -1px; letter-spacing: -1px;
} }
h2{ h2 {
font-family: numeralLight; font-family: numeralLight;
margin-top: 10px; margin-top: 10px;
color: #6f7074; color: #6f7074;
} }
} }
&__notAvailabe{ &__notAvailabe {
font-family: numeralBold; font-family: numeralMedium;
width : 100%; width: 100%;
text-align: center; text-align: center;
color: #6f7074; color: #6f7074;
margin-top: 15px; margin-top: 15px;
} }
&__price{ &__price {
width : 100%; width: 100%;
margin-top: 15px; margin-top: 15px;
text-align: center; text-align: center;
&--old{ &--old {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
position: relative; position: relative;
margin-left: 10px; margin-left: 10px;
align-items:center; align-items: center;
span{ span {
position: absolute; position: absolute;
left: 0px; left: 0px;
width : 100%; width: 100%;
height: 2px; height: 2px;
background-color: rgba(121, 121, 121, 0.534); background-color: rgba(121, 121, 121, 0.534);
transform: rotate(-14deg); transform: rotate(-14deg);
} }
} }
&--price{ &--price {
color: #02733c; color: #02733c;
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 80); font-size: calc(100vw / 80);
} }
} }

4
src/views/Home/HomeSlider/index.scss
Unescape View File

@ -1,7 +1,7 @@
.mobile-home-slider { .mobile-home-slider {
width: 100%; width: 100%;
padding: 2px 0px 0px; padding: 2px 5px 0px;
margin: 0px 0px 10px; margin: 0px 0px 5px;
position: relative; position: relative;
.rec-arrow-left { .rec-arrow-left {
top: calc(50% - 22px) !important; top: calc(50% - 22px) !important;

10
src/views/Home/HomeStatic/index.scss
Unescape View File

@ -6,7 +6,7 @@
width: 100%; width: 100%;
&--item { &--item {
box-shadow: 0px 0px 5px rgb(200, 200, 200); box-shadow: 0px 0px 5px rgb(200, 200, 200);
font-family: numeralBold; font-family: numeralMedium;
align-items: center; align-items: center;
border-radius: 10px; border-radius: 10px;
padding: 0px 10px; padding: 0px 10px;
@ -20,7 +20,7 @@
img { img {
margin-right: 20px; margin-right: 20px;
border-radius: 10px; border-radius: 10px;
width: 80px; height: 70px;
} }
} }
} }
@ -41,7 +41,7 @@
&--right { &--right {
margin-left: 10px; margin-left: 10px;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
text-align: justify; text-align: justify;
} }
span { span {
@ -54,7 +54,7 @@
padding: 15px 5px; padding: 15px 5px;
text-decoration: none; text-decoration: none;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
text-align: justify; text-align: justify;
} }
&--product { &--product {
@ -87,7 +87,7 @@
height: 100%; height: 100%;
padding: 0px 3px; padding: 0px 3px;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
text-align: justify; text-align: justify;
margin: 0px; margin: 0px;
} }

4
src/views/Home/Membership/index.js
Unescape View File

@ -18,7 +18,7 @@ class Membership extends Component {
<div className="d-flex"> <div className="d-flex">
<Input label={"نام ‌و ‌نام خانوادگی"} name={"name"} /> <Input label={"نام ‌و ‌نام خانوادگی"} name={"name"} />
<Input label={"شماره تماس"} name={"mobile"} /> <Input label={"شماره تماس"} name={"mobile"} />
<button className="membership__submit">دریافت هدیه</button> <button className="membership__submit">ثبت </button>
</div> </div>
</div> </div>
) : null} ) : null}
@ -37,7 +37,7 @@ class Membership extends Component {
<div> <div>
<Input label={"شماره تماس"} name={"mobile"} /> <Input label={"شماره تماس"} name={"mobile"} />
</div> </div>
<button className="mobile-membership__submit">دریافت هدیه</button> <button className="mobile-membership__submit">ثبت </button>
</div> </div>
</div> </div>
) : null} ) : null}

4
src/views/Home/Membership/index.scss
Unescape View File

@ -9,7 +9,7 @@
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 50); font-size: calc(100vw / 50);
margin-bottom: 0px; margin-bottom: 0px;
color: #1bbc6e; color: #1bbc6e;
@ -88,7 +88,7 @@
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 20); font-size: calc(100vw / 20);
margin-bottom: 0px; margin-bottom: 0px;
color: #1bbc6e; color: #1bbc6e;

2
src/views/Home/Navbar/Laptop/index.js
Unescape View File

@ -106,6 +106,6 @@ LaptopNavbar.defaultProps = {
{ name: "فروشگاه", to: "/products", page: "products" }, { name: "فروشگاه", to: "/products", page: "products" },
{ name: "سوالات متداول", to: "/faq", page: "faq" }, { name: "سوالات متداول", to: "/faq", page: "faq" },
{ name: "درباره ما", to: "/about", page: "about" }, { name: "درباره ما", to: "/about", page: "about" },
{ name: "تماس با ما", to: "/contact", page: "contact" }, { name: "پشتیبانی", to: "/contact", page: "contact" },
], ],
}; };

2
src/views/Home/Navbar/Mobile/index.scss
Unescape View File

@ -7,7 +7,7 @@
align-items: center; align-items: center;
background-color: white; background-color: white;
z-index: 400; z-index: 400;
padding: 10px 10px; padding: 10px 10px 0px;
&__menu { &__menu {
justify-self: flex-start; justify-self: flex-start;
img { img {

2
src/views/Home/SingleBlog/index.scss
Unescape View File

@ -7,7 +7,7 @@
align-items: flex-start; align-items: flex-start;
padding-left: 40px; padding-left: 40px;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #1bbc6e; color: #1bbc6e;
text-align: justify; text-align: justify;
} }

2
src/views/Home/index.scss
Unescape View File

@ -12,7 +12,7 @@
width: 100vw; width: 100vw;
max-width: 600px; max-width: 600px;
margin: 0px auto; margin: 0px auto;
padding: 0px 10px; padding: 0px 5px;
direction: rtl; direction: rtl;
overflow-x: hidden; overflow-x: hidden;
padding-top: 70px; padding-top: 70px;

2
src/views/Product/AddToCart/index.scss
Unescape View File

@ -21,7 +21,7 @@
color: #848484; color: #848484;
font-family: numeralLight; font-family: numeralLight;
strong { strong {
font-family: numeralBold; font-family: numeralLight;
color: #4d4d4f; color: #4d4d4f;
} }
} }

10
src/views/Product/Gallery/index.scss
Unescape View File

@ -1,15 +1,15 @@
.product-gallery { .product-gallery {
flex: 5; // flex: 5;
margin: 10px; margin: 10px;
justify-content: space-between; justify-content: space-between;
margin-right: 0px; margin-right: 0px;
&__top { &__top {
width: 100%; width: 100%;
height: 320px; height: 320px;
background-color: #eee; // background-color: #eee;
border-radius: 20px; border-radius: 20px;
& img { & img {
width: 100%; // width: 100%;
height: 100%; height: 100%;
border-radius: 20px; border-radius: 20px;
} }
@ -19,10 +19,10 @@
justify-content: space-between; justify-content: space-between;
} }
&-item { &-item {
min-width: 110px; // min-width: 110px;
height: 110px; height: 110px;
max-width: 110px; max-width: 110px;
border-radius: 20px; border-radius: 21px;
position: relative; position: relative;
margin: 5px; margin: 5px;
cursor: pointer; cursor: pointer;

17
src/views/Product/Info/index.scss
Unescape View File

@ -1,20 +1,21 @@
.product-info{ .product-info {
flex: 6; flex: 6;
margin: 10px; margin: 10px;
padding: 0px 10px; padding: 0px 10px;
h1{ h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #373737; color: #373737;
margin-bottom: 10px; margin-bottom: 10px;
} }
span , p{ span,
p {
font-family: numeralLight; font-family: numeralLight;
} }
span{ span {
margin-bottom: 10px; margin-bottom: 10px;
color: #00CC69; color: #00cc69;
} }
p{ p {
color: #6F7074; color: #6f7074;
} }
} }

12
src/views/Product/index.scss
Unescape View File

@ -17,7 +17,7 @@
} }
h1 { h1 {
margin-top: 10px; margin-top: 10px;
font-family: numeralBold; font-family: numeralMedium;
color: #7dc241; color: #7dc241;
letter-spacing: -1px; letter-spacing: -1px;
} }
@ -74,7 +74,7 @@
margin-top: 30px; margin-top: 30px;
width: 100%; width: 100%;
h3 { h3 {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
letter-spacing: -1px; letter-spacing: -1px;
} }
@ -92,7 +92,7 @@
background-color: #baffdc2f; background-color: #baffdc2f;
border-radius: 10px; border-radius: 10px;
h3 { h3 {
font-family: numeralBold; font-family: numeralMedium;
color: #02733c; color: #02733c;
letter-spacing: -1px; letter-spacing: -1px;
} }
@ -118,7 +118,7 @@
background-size: 60px; background-size: 60px;
background-position: 18px 50%; background-position: 18px 50%;
h3 { h3 {
font-family: numeralBold; font-family: numeralMedium;
color: #074f8b; color: #074f8b;
letter-spacing: -1px; letter-spacing: -1px;
} }
@ -149,7 +149,7 @@
max-width: 100%; max-width: 100%;
margin-top: 30px; margin-top: 30px;
h3 { h3 {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
// letter-spacing: -1px; // letter-spacing: -1px;
// margin-bottom: 30px; // margin-bottom: 30px;
@ -203,7 +203,7 @@
width: 100%; width: 100%;
margin-top: 30px; margin-top: 30px;
h3 { h3 {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
letter-spacing: -1px; letter-spacing: -1px;
margin-bottom: 30px; margin-bottom: 30px;

4
src/views/Products/Filters/AppliedFilters/index.scss
Unescape View File

@ -3,7 +3,7 @@
margin-bottom: 20px; margin-bottom: 20px;
&__header { &__header {
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
margin: 0px; margin: 0px;
color: #373737; color: #373737;
} }
@ -25,7 +25,7 @@
padding: 10px 5px; padding: 10px 5px;
button { button {
background-color: white; background-color: white;
border : 1px solid #d4d4d4; border: 1px solid #d4d4d4;
border-radius: 7px; border-radius: 7px;
margin: 3px 4px; margin: 3px 4px;
font-family: numeralLight; font-family: numeralLight;

19
src/views/Products/Filters/TypicalFilters/index.scss
Unescape View File

@ -1,14 +1,14 @@
.products-filters-typical{ .products-filters-typical {
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
&__header{ &__header {
h2{ h2 {
font-family: numeralBold; font-family: numeralMedium;
margin: 0px; margin: 0px;
color: #373737; color: #373737;
} }
span{ span {
width: 4px; width: 4px;
border-radius: 4px; border-radius: 4px;
height: 100%; height: 100%;
@ -22,16 +22,15 @@
border-radius: 8px; border-radius: 8px;
min-height: 30px; min-height: 30px;
padding: 10px 5px; padding: 10px 5px;
.MuiFormControlLabel-root{ .MuiFormControlLabel-root {
margin: 0px; margin: 0px;
} }
.MuiCheckbox-root{ .MuiCheckbox-root {
padding: 0px; padding: 0px;
} }
strong{ strong {
font-weight: 100; font-weight: 100;
color: #6F7074; color: #6f7074;
font-family: numeralLight; font-family: numeralLight;
margin-right: 10px; margin-right: 10px;
} }

2
src/views/Products/Product/index.scss
Unescape View File

@ -12,7 +12,7 @@
border-radius: 30px; border-radius: 30px;
} }
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
margin-top: 15px; margin-top: 15px;
color: #02a1a6; color: #02a1a6;
letter-spacing: -1px; letter-spacing: -1px;

2
src/views/QR/BookContent/index.scss
Unescape View File

@ -9,7 +9,7 @@
flex: 1; flex: 1;
} }
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
margin-bottom: 0px; margin-bottom: 0px;
padding-left: 5px; padding-left: 5px;

16
src/views/QR/SubjectsDropdown/index.scss
Unescape View File

@ -4,33 +4,33 @@
border: 1px solid #eee; border: 1px solid #eee;
border-radius: 10px; border-radius: 10px;
h3 { h3 {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
cursor: pointer; cursor: pointer;
} }
&__search{ &__search {
width: 100%; width: 100%;
position: relative; position: relative;
margin-top: 5px; margin-top: 5px;
img{ img {
position: absolute; position: absolute;
left: 7px; left: 7px;
top: 7px; top: 7px;
width: 20px; width: 20px;
} }
input{ input {
width: 100%; width: 100%;
padding: 5px 5px 5px 35px; padding: 5px 5px 5px 35px;
font-family: numeralMedium; font-family: numeralMedium;
border: 1px solid #afafaf; border: 1px solid #afafaf;
border-radius: 5px; border-radius: 5px;
color: #6f7074; color: #6f7074;
&:focus{ &:focus {
outline: 0px outline: 0px;
} }
} }
} }
ul{ ul {
direction: rtl; direction: rtl;
padding-right: 15px; padding-right: 15px;
padding-top: 5px; padding-top: 5px;
@ -38,7 +38,7 @@
overflow-y: scroll; overflow-y: scroll;
margin-top: 10px; margin-top: 10px;
text-align: right; text-align: right;
li{ li {
font-family: numeralLight; font-family: numeralLight;
color: #6f7074; color: #6f7074;
margin-bottom: 8px; margin-bottom: 8px;

52
src/views/QR/VoiceBox/index.scss
Unescape View File

@ -1,74 +1,74 @@
.mobile-voice-box{ .mobile-voice-box {
width: 100%; width: 100%;
border-radius: 10px; border-radius: 10px;
background-color: #8dfac541; background-color: #8dfac541;
padding: 10px 10px; padding: 10px 10px;
margin: 15px 0px; margin: 15px 0px;
h2{ h2 {
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 40); font-size: calc(100vw / 40);
color: #02733C; color: #02733c;
span{ span {
width: 7px; width: 7px;
height: 7px; height: 7px;
border-radius: 50%; border-radius: 50%;
background-color: #00CC69; background-color: #00cc69;
margin-left: 5px; margin-left: 5px;
} }
} }
.MuiSvgIcon-root{ .MuiSvgIcon-root {
color: #37D386 !important; color: #37d386 !important;
font-size: 50px !important; font-size: 50px !important;
} }
.MuiSlider-root{ .MuiSlider-root {
color: #37D386; color: #37d386;
} }
} }
.MuiPaper-elevation1{ .MuiPaper-elevation1 {
box-shadow: none !important; box-shadow: none !important;
} }
.MuiGrid-container{ .MuiGrid-container {
flex-wrap: nowrap !important; flex-wrap: nowrap !important;
flex-direction: row-reverse; flex-direction: row-reverse;
background-color: rgba(255,255,255,0) !important; background-color: rgba(255, 255, 255, 0) !important;
padding: 0px !important; padding: 0px !important;
} }
.MuiGrid-item{ .MuiGrid-item {
display: flex !important; display: flex !important;
flex-direction: row !important; flex-direction: row !important;
padding: 0px !important; padding: 0px !important;
margin-right: 5px !important; margin-right: 5px !important;
p{ p {
color: #02A255 !important; color: #02a255 !important;
} }
} }
.voice-box{ .voice-box {
width: 100%; width: 100%;
max-width: 700px; max-width: 700px;
border-radius: 10px; border-radius: 10px;
background-color: #8dfac541; background-color: #8dfac541;
padding: 10px 10px; padding: 10px 10px;
margin: 15px auto; margin: 15px auto;
.MuiSvgIcon-root{ .MuiSvgIcon-root {
color: #37D386 !important; color: #37d386 !important;
font-size: 50px !important; font-size: 50px !important;
} }
.MuiSlider-root{ .MuiSlider-root {
color: #37D386; color: #37d386;
} }
h2{ h2 {
font-family: numeralLight; font-family: numeralLight;
color: #02733C; color: #02733c;
span{ span {
width: 7px; width: 7px;
height: 7px; height: 7px;
border-radius: 50%; border-radius: 50%;
background-color: #00CC69; background-color: #00cc69;
margin-left: 5px; margin-left: 5px;
} }
} }
div{ div {
// width: 100%; // width: 100%;
// height: 40px; // height: 40px;
// background-color: #02733C; // background-color: #02733C;

14
src/views/QR/index.scss
Unescape View File

@ -33,13 +33,13 @@
justify-content: center; justify-content: center;
margin-right: 30px; margin-right: 30px;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 25); font-size: calc(100vw / 25);
color: #7dc241; color: #7dc241;
letter-spacing: -1px; letter-spacing: -1px;
} }
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 32); font-size: calc(100vw / 32);
color: #6f7074; color: #6f7074;
} }
@ -133,7 +133,7 @@
width: calc(100% - 40px); width: calc(100% - 40px);
padding-right: 10px; padding-right: 10px;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
font-size: calc(100vw / 22); font-size: calc(100vw / 22);
color: #6f7074; color: #6f7074;
letter-spacing: -1px; letter-spacing: -1px;
@ -182,12 +182,12 @@
justify-content: center; justify-content: center;
margin-right: 10px; margin-right: 10px;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #7dc241; color: #7dc241;
letter-spacing: -1px; letter-spacing: -1px;
} }
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
} }
div { div {
@ -233,7 +233,7 @@
} }
} }
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #6f7074; color: #6f7074;
letter-spacing: -1px; letter-spacing: -1px;
} }
@ -257,7 +257,7 @@
// width: calc(100% - 35px); // width: calc(100% - 35px);
// padding: 0px 10px; // padding: 0px 10px;
// h1{ // h1{
// font-family: numeralBold; // font-family: numeralMedium;
// font-size: calc(100vw / 22); // font-size: calc(100vw / 22);
// color: #6f7074; // color: #6f7074;
// letter-spacing: -1px; // letter-spacing: -1px;

6
src/views/QRScan/index.scss
Unescape View File

@ -25,7 +25,7 @@
&__header { &__header {
width: 100%; width: 100%;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #4ce1be; color: #4ce1be;
font-size: calc(100vw / 13); font-size: calc(100vw / 13);
} }
@ -76,7 +76,7 @@
width: 100%; width: 100%;
margin: 15px 0px; margin: 15px 0px;
h2 { h2 {
font-family: numeralBold; font-family: numeralMedium;
color: #02a255; color: #02a255;
font-size: calc(100vw / 24); font-size: calc(100vw / 24);
margin-bottom: 20px; margin-bottom: 20px;
@ -115,7 +115,7 @@
&--header { &--header {
width: 100%; width: 100%;
h1 { h1 {
font-family: numeralBold; font-family: numeralMedium;
color: #00cc69; color: #00cc69;
} }
p { p {

Write Preview
Loading…
Cancel
Save