master
amir hosein gorji 3 years ago
parent 09bb0f0ed6
commit 73f4f7ad3d
  1. 141
      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. 101
      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. 23
      src/views/Cart/Discount/index.scss
  14. 26
      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. 68
      src/views/ChatRoom/Body/index.scss
  19. 57
      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. 42
      src/views/Home/HomeScroll/MyProduct/index.scss
  26. 42
      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. 46
      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. 19
      src/views/Product/Info/index.scss
  44. 12
      src/views/Product/index.scss
  45. 4
      src/views/Products/Filters/AppliedFilters/index.scss
  46. 21
      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. 54
      src/views/QR/VoiceBox/index.scss
  51. 14
      src/views/QR/index.scss
  52. 6
      src/views/QRScan/index.scss

@ -1,86 +1,83 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>دعوت</title>
<style type="text/css">
* {
box-sizing: border-box !important;
direction: rtl;
font-family: numeralLight;
margin: 0px !important;
}
@font-face { <head>
font-family: numeralMedium; <meta charset="UTF-8" />
src: url(assets/IRANSans/Farsi_numerals/IRANSans\(FaNum\)_Medium.ttf); <meta http-equiv="X-UA-Compatible" content="IE=edge" />
} <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>دعوت</title>
<style type="text/css">
* {
box-sizing: border-box !important;
direction: rtl;
font-family: numeralLight;
margin: 0px !important;
}
@font-face { @font-face {
font-family: numeralLight; font-family: numeralMedium;
src: url(assets/IRANSans/Farsi_numerals/IRANSans\(FaNum\).ttf); src: url(assets/IRANSans/Farsi_numerals/IRANSans\(FaNum\)_Medium.ttf);
} }
@font-face { @font-face {
font-family: numeralBold; font-family: numeralLight;
src: url(assets/IRANSans/IRANSans_Bold.ttf); src: url(assets/IRANSans/Farsi_numerals/IRANSans\(FaNum\).ttf);
} }
@font-face { @font-face {
font-family: numeralUltraLight; font-family: numeralMedium;
src: url(assets/IRANSans//IRANSans_UltraLight.ttf); src: url(assets/IRANSans/IRANSans_Bold.ttf);
} }
body { @font-face {
overflow: hidden; font-family: numeralUltraLight;
overflow-y: hidden; src: url(assets/IRANSans//IRANSans_UltraLight.ttf);
overflow-x: hidden; }
}
.splash { body {
width: 100vw; overflow: hidden;
height: 100vh; overflow-y: hidden;
overflow-y: hidden; overflow-x: hidden;
overflow-x: hidden; }
padding: 0px 10px;
display: flex; .splash {
flex-direction: column; width: 100vw;
justify-content: center; height: 100vh;
align-items: center; overflow-y: hidden;
background: linear-gradient( overflow-x: hidden;
270deg, padding: 0px 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: linear-gradient(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;
color: #02733c; color: #02733c;
font-size: 20px; font-size: 20px;
letter-spacing: -1px; letter-spacing: -1px;
} }
</style> </style>
</head> </head>
<body>
<div class="splash">
<img src="assets/icons/logo.png" alt="لوگو" />
<span>دسترسی شما به اینترنت قطع میباشد.</span>
</div>
</body>
<body> </html>
<div class="splash">
<img src="assets/icons/logo.png" alt="لوگو" />
<span>دسترسی شما به اینترنت قطع میباشد.</span>
</div>
</body>
</html>

@ -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,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) =>

@ -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":

@ -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}

@ -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,62 +11,82 @@ 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 />
<BreadCrumbs />
<div className="ar__box d-flex flex-column"></div>
</div>
<Footer />
</>
) : (
<div
className="d-flex justify-content-center align-items-center"
style={{ height: "100vh", width: "100vw" }}
>
<Loader />
</div>
)
) : null}
{window.innerWidth < 1000 ? (
arList.length ? (
<div className="mobile-ar d-flex flex-column">
<Navbar /> <Navbar />
<BreadCrumbs /> <BreadCrumbs />
<div className="mobile-ar__list d-flex flex-wrap"> <div className="ar__box d-flex flex-column"></div>
{arList.map((item, i) => (
<Item data={item} key={i} />
))}
</div>
</div> </div>
) : ( <Footer />
<div </>
className="d-flex justify-content-center align-items-center" ) : null}
style={{ height: "100vh", width: "100vw" }} {window.innerWidth < 1000 ? (
> <div className="mobile-ar d-flex flex-column">
<Loader /> <Navbar />
<BreadCrumbs />
<div className="mobile-ar__list d-flex flex-wrap">
{arList.map((item, i) => (
<Item data={item} key={i} />
))}
</div> </div>
) </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);

@ -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;

@ -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;
} }

@ -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;

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

@ -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;
} }

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

@ -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;
} }
} }
}
}

@ -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,16 +38,16 @@
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;
} }
} }
} }

@ -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 {

@ -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;
} }

@ -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 {

@ -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,31 +113,31 @@
// 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;
font-size: 24px !important; font-size: 24px !important;
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,31 +246,31 @@
// 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;
font-size: 24px !important; font-size: 24px !important;
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;
} }
} }

@ -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,91 +81,90 @@
} }
} }
.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;
} }
} }
} }
} }

@ -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 }}>
برای ارتباط با دنیای شگفت انگیز دانوین از فرم زیر استفاده برای ارتباط با دنیای شگفت انگیز دانوین از فرم زیر استفاده
کنید و پس از انتخاب دپارتمان مد نظر پیام خود را ارسال کنید و پس از انتخاب دپارتمان مد نظر پیام خود را ارسال

@ -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;

@ -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;
} }

@ -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}
</> </>
); );
} }
} }

@ -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);
} }

@ -1,64 +1,64 @@
.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);
} }
} }
} }

@ -1,63 +1,63 @@
.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);
} }
} }
} }

@ -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 {

@ -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"

@ -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;

@ -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}

@ -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;

@ -1,58 +1,58 @@
.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);
} }
} }
} }

@ -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;

@ -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;
} }

@ -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}

@ -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;

@ -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" },
], ],
}; };

@ -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 {

@ -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;
} }

@ -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;

@ -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;
} }
} }

@ -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;

@ -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;
} }
} }

@ -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;

@ -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;

@ -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,18 +22,17 @@
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;
} }
} }
} }

@ -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;

@ -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;

@ -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;

@ -1,76 +1,76 @@
.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;
} }
} }

@ -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;

@ -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 {

Loading…
Cancel
Save