parent
9a75a9a6cc
commit
c9a2f3d6e0
22 changed files with 1369 additions and 11 deletions
@ -0,0 +1,30 @@ |
||||
.BuyInfo-main { |
||||
overflow-x: visible !important; |
||||
} |
||||
|
||||
.BuyInfo-main::-webkit-scrollbar { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
z-index: 2; |
||||
width: 5px !important; |
||||
} |
||||
|
||||
.BuyInfo-main::-webkit-scrollbar-button { |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
|
||||
.BuyInfo-main::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
background-color: #97BAE6; |
||||
} |
||||
|
||||
.BuyInfo-main::-webkit-scrollbar-track { |
||||
background-color: transparent !important; |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
/*# sourceMappingURL=BuyInfo.css.map */ |
||||
@ -0,0 +1,9 @@ |
||||
{ |
||||
"version": 3, |
||||
"mappings": "AACG,AAAD,aAAM,CAAC;EACL,UAAU,EAAE,kBAAkB;CAwB/B;;AAzBA,AAEC,aAFI,AAEH,mBAAmB,CAAC;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,cAAc;CACtB;;AARF,AAUC,aAVI,AAUH,0BAA0B,CAAC;EAC1B,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB;;AAbF,AAeC,aAfI,AAeH,yBAAyB,CAAC;EACzB,aAAa,EAAE,IAAI;EACnB,gBAAgB,EAAE,OAAO;CAC1B;;AAlBF,AAoBC,aApBI,AAoBH,yBAAyB,CAAC;EACzB,gBAAgB,EAAE,sBAAsB;EACxC,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB", |
||||
"sources": [ |
||||
"../../src/view/dashboard2/BuyInfo.scss" |
||||
], |
||||
"names": [], |
||||
"file": "BuyInfo.css" |
||||
} |
||||
@ -0,0 +1,49 @@ |
||||
@font-face { |
||||
font-family: IRANSansX-Regular; |
||||
src: url(../../assets/font/IRANSansX/Webfonts/fonts/woff/IRANSansX-Regular.woff); |
||||
} |
||||
|
||||
.header { |
||||
font-family: IRANSansX-Regular; |
||||
} |
||||
|
||||
.header-search-input { |
||||
direction: rtl; |
||||
} |
||||
|
||||
.header-search-input:focus { |
||||
outline: none !important; |
||||
} |
||||
|
||||
.subMenu { |
||||
-webkit-animation: fadeInAnimation ease-in-out 0.5s; |
||||
animation: fadeInAnimation ease-in-out 0.5s; |
||||
-webkit-animation-iteration-count: 1; |
||||
animation-iteration-count: 1; |
||||
-webkit-animation-fill-mode: both; |
||||
animation-fill-mode: both; |
||||
} |
||||
|
||||
@-webkit-keyframes fadeInAnimation { |
||||
0% { |
||||
opacity: 0; |
||||
} |
||||
100% { |
||||
height: -webkit-fit-content; |
||||
height: fit-content; |
||||
opacity: 1; |
||||
} |
||||
} |
||||
|
||||
@keyframes fadeInAnimation { |
||||
0% { |
||||
opacity: 0; |
||||
} |
||||
100% { |
||||
height: -webkit-fit-content; |
||||
height: -moz-fit-content; |
||||
height: fit-content; |
||||
opacity: 1; |
||||
} |
||||
} |
||||
/*# sourceMappingURL=Header.css.map */ |
||||
@ -0,0 +1,9 @@ |
||||
{ |
||||
"version": 3, |
||||
"mappings": "AAAA,UAAU;EACR,WAAW,EAAE,iBAAiB;EAC9B,GAAG,EAAE,2EAA2E;;;AAKlF,AAAA,OAAO,CAAA;EACL,WAAW,EAAE,iBAAiB;CAU/B;;AAPE,AAAD,oBAAc,CAAA;EACZ,SAAS,EAAE,GAAG;CAKf;;AANA,AAGC,oBAHY,AAGX,MAAM,CAAA;EACL,OAAO,EAAE,eAAe;CACzB;;AAGL,AAAA,QAAQ,CAAA;EACN,SAAS,EAAE,gCAAgC;EACzC,yBAAyB,EAAE,CAAC;EAC5B,mBAAmB,EAAC,IAAI;CAE3B;;AAED,UAAU,CAAV,eAAU;EACN,EAAE;IAEE,OAAO,EAAE,CAAC;;EAGd,IAAI;IACA,MAAM,EAAE,WAAW;IACpB,OAAO,EAAE,CAAC", |
||||
"sources": [ |
||||
"../../src/components/header/Header.scss" |
||||
], |
||||
"names": [], |
||||
"file": "Header.css" |
||||
} |
||||
@ -0,0 +1,376 @@ |
||||
.M-Exam { |
||||
width: 100vw; |
||||
padding: 0 5px; |
||||
position: relative; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-top-cover { |
||||
width: 96%; |
||||
height: 200px; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 50%; |
||||
-webkit-transform: translateX(-50%); |
||||
transform: translateX(-50%); |
||||
background-color: white; |
||||
z-index: 4; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info { |
||||
width: 96%; |
||||
padding: 5px 7px; |
||||
border-radius: 10px; |
||||
border: 2px solid #F1F1F1; |
||||
position: fixed; |
||||
top: 90px; |
||||
left: 50%; |
||||
-webkit-transform: translateX(-50%); |
||||
transform: translateX(-50%); |
||||
background-color: white; |
||||
z-index: 5; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 { |
||||
width: 100%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: start; |
||||
-ms-flex-align: start; |
||||
align-items: flex-start; |
||||
-webkit-box-pack: justify; |
||||
-ms-flex-pack: justify; |
||||
justify-content: space-between; |
||||
padding: 5px 0; |
||||
direction: rtl; |
||||
border-bottom: 1px solid #dfdfdf; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box { |
||||
width: 65%; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-title-box { |
||||
width: 100%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: start; |
||||
-ms-flex-align: start; |
||||
align-items: flex-start; |
||||
direction: rtl; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-title-box .M-Exam-info-row1-title-box-text { |
||||
font-size: 13px; |
||||
margin-right: 3px; |
||||
color: #2E81E8; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-subtitle-box { |
||||
width: 100%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: start; |
||||
-ms-flex-align: start; |
||||
align-items: flex-start; |
||||
direction: rtl; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-subtitle-box .M-Exam-info-row1-subtitle-box-icon { |
||||
margin-right: 16px; |
||||
color: #CEFDFF; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-subtitle-box .M-Exam-info-row1-subtitle-box-text { |
||||
font-size: 10px; |
||||
color: #132F52; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-time { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
padding: 2px 5px; |
||||
background-color: #E2EAF4; |
||||
direction: rtl; |
||||
border-radius: 3px; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-time .M-Exam-info-row1-time-icon { |
||||
color: #013273; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-time .M-Exam-info-row1-time-text { |
||||
font-size: 12px; |
||||
color: #013273; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row2 { |
||||
width: 100%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
padding: 5px 0; |
||||
direction: rtl; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row2 .M-Exam-info-row2-text { |
||||
font-size: 14px; |
||||
color: #2E81E8; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.M-Exam .M-Exam-info .M-Exam-info-row2 .M-Exam-info-row2-timer { |
||||
font-size: 16px; |
||||
color: #2E81E8; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.M-Exam-progress-bar { |
||||
width: 96%; |
||||
height: 35px; |
||||
overflow-x: scroll; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
position: fixed; |
||||
top: 180px; |
||||
left: 50%; |
||||
-webkit-transform: translateX(-50%); |
||||
transform: translateX(-50%); |
||||
direction: rtl; |
||||
background-color: white; |
||||
z-index: 5; |
||||
scroll-behavior: smooth; |
||||
} |
||||
|
||||
.M-Exam-progress-bar-item { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
height: 100%; |
||||
-ms-flex-negative: 0; |
||||
flex-shrink: 0; |
||||
} |
||||
|
||||
.M-Exam-progress-bar-item-circle { |
||||
width: 35px !important; |
||||
height: 35px !important; |
||||
border-radius: 50%; |
||||
background-color: #F5F5F5; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
color: #A2B4CB; |
||||
} |
||||
|
||||
.M-Exam-progress-bar-item-line { |
||||
font-size: 16px; |
||||
color: #E0E0E0; |
||||
} |
||||
|
||||
.M-Exam-main { |
||||
width: 96%; |
||||
position: absolute; |
||||
top: 220px; |
||||
left: 50%; |
||||
-webkit-transform: translateX(-50%); |
||||
transform: translateX(-50%); |
||||
} |
||||
|
||||
.M-Exam-main-item { |
||||
width: 100%; |
||||
direction: rtl; |
||||
margin-top: 15px; |
||||
} |
||||
|
||||
.M-Exam-main-item-number { |
||||
font-size: 15px; |
||||
color: #132F52; |
||||
padding: 2px 5px; |
||||
background-color: #E8FCFF; |
||||
display: inline; |
||||
} |
||||
|
||||
.M-Exam-main-item-question { |
||||
width: 100%; |
||||
font-size: 19px; |
||||
color: #132F52; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
.M-Exam-main-item-question-img { |
||||
width: 100%; |
||||
padding: 5px 5px; |
||||
border-radius: 5px; |
||||
overflow: hidden; |
||||
margin-top: 10px; |
||||
background-color: #F5F5F5; |
||||
} |
||||
|
||||
.M-Exam-main-item-question-img img { |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
|
||||
.M-Exam-main-item-choices { |
||||
width: 100%; |
||||
direction: rtl; |
||||
} |
||||
|
||||
.M-Exam-main-item-choices-item { |
||||
width: 100%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.M-Exam-main-item-choices-item-badge { |
||||
width: 13%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
font-size: 14px; |
||||
color: #132F52; |
||||
background-color: #E7E7E7; |
||||
padding: 6px 0; |
||||
border-radius: 0 5px 5px 0; |
||||
} |
||||
|
||||
.M-Exam-main-item-choices-item-text { |
||||
width: 100%; |
||||
height: 100%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
font-size: 16px; |
||||
color: #132F52; |
||||
background-color: #F5F5F5; |
||||
padding: 6px 0; |
||||
padding-right: 10px; |
||||
border-radius: 5px 0 0 5px; |
||||
} |
||||
|
||||
.M-Exam-main-item-answer-box { |
||||
width: 100%; |
||||
height: 150px; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.M-Exam-main-item-answer-box-badge { |
||||
height: 100%; |
||||
width: 75px; |
||||
background-color: #E7E7E7; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
font-size: 14px; |
||||
color: #132F52; |
||||
border-radius: 0 5px 5px 0; |
||||
text-align: center; |
||||
} |
||||
|
||||
.M-Exam-main-item-answer-box-input { |
||||
width: 100% !important; |
||||
height: 100%; |
||||
background-color: #F5F5F5; |
||||
border: none !important; |
||||
outline: none !important; |
||||
border-radius: 5px 0 0 5px; |
||||
resize: none; |
||||
font-size: 14px; |
||||
padding: 10px 10px; |
||||
} |
||||
|
||||
.M-Exam-main-item-line { |
||||
width: 100%; |
||||
height: 1px; |
||||
background-color: #D6E6F9; |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.M-Exam-main-btn-container { |
||||
width: 100%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
margin-top: 20px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.M-Exam-main-btn-container-line { |
||||
width: 20%; |
||||
height: 2px; |
||||
background-color: #2E81E8; |
||||
} |
||||
|
||||
.M-Exam-main-btn-container-btn { |
||||
width: 60%; |
||||
height: 40px; |
||||
border-radius: 7px; |
||||
background-color: #2E81E8; |
||||
color: white; |
||||
font-size: 15px; |
||||
color: white; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
} |
||||
/*# sourceMappingURL=M_Exam.css.map */ |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,9 @@ |
||||
@font-face { |
||||
font-family: IRANSansX-Regular; |
||||
src: url(../../assets/font/IRANSansX/Webfonts/fonts/woff/IRANSansX-Regular.woff); |
||||
} |
||||
|
||||
.nav { |
||||
font-family: "IRANSansX-Regular"; |
||||
} |
||||
/*# sourceMappingURL=Nav.css.map */ |
||||
@ -0,0 +1,9 @@ |
||||
{ |
||||
"version": 3, |
||||
"mappings": "AAAA,UAAU;EACR,WAAW,EAAE,iBAAiB;EAC9B,GAAG,EAAE,2EAA2E;;;AAKlF,AAAA,IAAI,CAAA;EACF,WAAW,EAHA,mBAAmB;CA8B/B", |
||||
"sources": [ |
||||
"../../src/components/nav/Nav.scss" |
||||
], |
||||
"names": [], |
||||
"file": "Nav.css" |
||||
} |
||||
@ -0,0 +1,30 @@ |
||||
.Packages { |
||||
position: relative; |
||||
} |
||||
|
||||
.Packages::-webkit-scrollbar { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
z-index: 2; |
||||
width: 5px !important; |
||||
} |
||||
|
||||
.Packages::-webkit-scrollbar-button { |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
|
||||
.Packages::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
background-color: #97bae6; |
||||
} |
||||
|
||||
.Packages::-webkit-scrollbar-track { |
||||
background-color: transparent !important; |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
/*# sourceMappingURL=Packages.css.map */ |
||||
@ -0,0 +1,9 @@ |
||||
{ |
||||
"version": 3, |
||||
"mappings": "AAAA,AAAA,SAAS,CAAC;EACR,QAAQ,EAAE,QAAQ;CAyBnB;;AA1BD,AAGE,SAHO,AAGN,mBAAmB,CAAC;EACnB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,cAAc;CACtB;;AATH,AAWE,SAXO,AAWN,0BAA0B,CAAC;EAC1B,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB;;AAdH,AAgBE,SAhBO,AAgBN,yBAAyB,CAAC;EACzB,aAAa,EAAE,IAAI;EACnB,gBAAgB,EAAE,OAAO;CAC1B;;AAnBH,AAqBE,SArBO,AAqBN,yBAAyB,CAAC;EACzB,gBAAgB,EAAE,sBAAsB;EACxC,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB", |
||||
"sources": [ |
||||
"../../src/view/dashboard2/Packages.scss" |
||||
], |
||||
"names": [], |
||||
"file": "Packages.css" |
||||
} |
||||
@ -0,0 +1,123 @@ |
||||
.Register { |
||||
/* Firefox */ |
||||
} |
||||
|
||||
.Register-box { |
||||
-webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.18); |
||||
box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, 0.18); |
||||
} |
||||
|
||||
.Register-box-container-col2-relations-row3::-webkit-scrollbar { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
z-index: 2; |
||||
width: 5px !important; |
||||
} |
||||
|
||||
.Register-box-container-col2-relations-row3::-webkit-scrollbar-button { |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
|
||||
.Register-box-container-col2-relations-row3::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
background-color: #97bae6; |
||||
} |
||||
|
||||
.Register-box-container-col2-relations-row3::-webkit-scrollbar-track { |
||||
background-color: transparent !important; |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
|
||||
.Register input::-webkit-outer-spin-button, |
||||
.Register input::-webkit-inner-spin-button { |
||||
-webkit-appearance: none; |
||||
margin: 0; |
||||
} |
||||
|
||||
.Register input[type="number"] { |
||||
-moz-appearance: textfield; |
||||
} |
||||
|
||||
.hasImage:hover section { |
||||
background-color: rgba(5, 5, 5, 0.4); |
||||
} |
||||
|
||||
.hasImage:hover button:hover { |
||||
background: rgba(5, 5, 5, 0.45); |
||||
} |
||||
|
||||
#overlay p, |
||||
i { |
||||
opacity: 0; |
||||
} |
||||
|
||||
#overlay.draggedover { |
||||
background-color: rgba(255, 255, 255, 0.7); |
||||
} |
||||
|
||||
#overlay.draggedover p, |
||||
#overlay.draggedover i { |
||||
opacity: 1; |
||||
} |
||||
|
||||
.group:hover .group-hover\:text-blue-800 { |
||||
color: #2b6cb0; |
||||
} |
||||
|
||||
.Register-box-container-col2-add-member-row2-relation-choices::-webkit-scrollbar { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
z-index: 2; |
||||
width: 5px !important; |
||||
} |
||||
|
||||
.Register-box-container-col2-add-member-row2-relation-choices::-webkit-scrollbar-button { |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
|
||||
.Register-box-container-col2-add-member-row2-relation-choices::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
background-color: #97bae6; |
||||
} |
||||
|
||||
.Register-box-container-col2-add-member-row2-relation-choices::-webkit-scrollbar-track { |
||||
background-color: transparent !important; |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
|
||||
.Register-box-container-col2-add-member-row2::-webkit-scrollbar { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
z-index: 2; |
||||
width: 5px !important; |
||||
} |
||||
|
||||
.Register-box-container-col2-add-member-row2::-webkit-scrollbar-button { |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
|
||||
.Register-box-container-col2-add-member-row2::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
background-color: #97bae6; |
||||
} |
||||
|
||||
.Register-box-container-col2-add-member-row2::-webkit-scrollbar-track { |
||||
background-color: transparent !important; |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
/*# sourceMappingURL=Register.css.map */ |
||||
@ -0,0 +1,9 @@ |
||||
{ |
||||
"version": 3, |
||||
"mappings": "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", |
||||
"sources": [ |
||||
"../../src/view/dashboard/Register.scss" |
||||
], |
||||
"names": [], |
||||
"file": "Register.css" |
||||
} |
||||
@ -0,0 +1,26 @@ |
||||
.UserFullInfo-content::-webkit-scrollbar { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
z-index: 2; |
||||
width: 5px !important; |
||||
} |
||||
|
||||
.UserFullInfo-content::-webkit-scrollbar-button { |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
|
||||
.UserFullInfo-content::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
background-color: #97BAE6; |
||||
} |
||||
|
||||
.UserFullInfo-content::-webkit-scrollbar-track { |
||||
background-color: transparent !important; |
||||
display: none; |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
} |
||||
/*# sourceMappingURL=UserFullInfo.css.map */ |
||||
@ -0,0 +1,9 @@ |
||||
{ |
||||
"version": 3, |
||||
"mappings": "AAIG,AACD,qBADS,AACR,mBAAmB,CAAC;EACjB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,cAAc;CACtB;;AAPF,AASC,qBATO,AASN,0BAA0B,CAAC;EAC1B,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB;;AAZF,AAcC,qBAdO,AAcN,yBAAyB,CAAC;EACzB,aAAa,EAAE,IAAI;EACnB,gBAAgB,EAAE,OAAO;CAC1B;;AAjBF,AAmBC,qBAnBO,AAmBN,yBAAyB,CAAC;EACzB,gBAAgB,EAAE,sBAAsB;EACxC,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB", |
||||
"sources": [ |
||||
"../../src/view/dashboard2/UserFullInfo.scss" |
||||
], |
||||
"names": [], |
||||
"file": "UserFullInfo.css" |
||||
} |
||||
@ -0,0 +1 @@ |
||||
/* No CSS *//*# sourceMappingURL=colors.css.map */ |
||||
@ -0,0 +1,9 @@ |
||||
{ |
||||
"version": 3, |
||||
"mappings": "", |
||||
"sources": [ |
||||
"../../src/constants/colors.scss" |
||||
], |
||||
"names": [], |
||||
"file": "colors.css" |
||||
} |
||||
@ -0,0 +1 @@ |
||||
/* No CSS *//*# sourceMappingURL=size.css.map */ |
||||
@ -0,0 +1,9 @@ |
||||
{ |
||||
"version": 3, |
||||
"mappings": "", |
||||
"sources": [ |
||||
"../../src/constants/size.scss" |
||||
], |
||||
"names": [], |
||||
"file": "size.css" |
||||
} |
||||
@ -0,0 +1,434 @@ |
||||
import moment from "jalali-moment"; |
||||
import React, { useEffect, useState } from "react"; |
||||
|
||||
let daysList = [ |
||||
{ |
||||
id: 1, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 2, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 3, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 4, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 5, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 6, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 7, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 8, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 9, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 10, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 11, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 12, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 13, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 14, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 15, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 16, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 17, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 18, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 19, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 20, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 21, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 22, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 23, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 24, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 25, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 26, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 27, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 28, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 29, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 30, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 31, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 32, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 33, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 34, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 35, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 36, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 37, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 38, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 39, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 40, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 41, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
{ |
||||
id: 42, |
||||
dayNumber: "", |
||||
isToday: false, |
||||
events: [], |
||||
}, |
||||
]; |
||||
//---------------
|
||||
let dotsColor = ["#249D8C", "#F4C84B"]; |
||||
//=======================================================
|
||||
const Days = ({ |
||||
findFirstDayWeekDay, |
||||
year, |
||||
month, |
||||
currentYear, |
||||
currentMonth, |
||||
currentDay, |
||||
primaryColor, |
||||
eventList, |
||||
activeDay, |
||||
selectDay, |
||||
eventBoxisRight, |
||||
eventBoxTop, |
||||
eventBoxRight, |
||||
showEvent, |
||||
}) => { |
||||
const [Daylist, setDayList] = useState(daysList); |
||||
const [fake, setFake] = useState(0); |
||||
//create month days----------------------------
|
||||
useEffect(() => { |
||||
let list = daysList; |
||||
let w1 = findFirstDayWeekDay(year, month); |
||||
let m = 31; |
||||
if (month > 6) { |
||||
m = 30; |
||||
} |
||||
if (month === 12) { |
||||
m = 29; |
||||
} |
||||
let dayCounter = 0; |
||||
for (let i = 0; i < list.length; i++) { |
||||
if (i >= w1 && dayCounter < m) { |
||||
dayCounter++; |
||||
list[i].dayNumber = dayCounter; |
||||
//tody check---------------
|
||||
if ( |
||||
year === currentYear && |
||||
month === currentMonth && |
||||
dayCounter === currentDay |
||||
) { |
||||
list[i].isToday = true; |
||||
} else { |
||||
list[i].isToday = false; |
||||
} |
||||
//events check------------
|
||||
list[i].events = []; |
||||
for (let p = 0; p < eventList.length; p++) { |
||||
moment.locale("en"); |
||||
let a = moment(eventList[p].date); |
||||
a.locale("fa"); |
||||
let eventDay = Number(a.format("DD")); |
||||
let eventMonth = Number(a.format("MM")); |
||||
let eventYear = Number(a.format("YYYY/M/D").split("/")[0]); |
||||
if ( |
||||
year === eventYear && |
||||
month === eventMonth && |
||||
dayCounter === eventDay |
||||
) { |
||||
list[i].events.push(eventList[p]); |
||||
} |
||||
} |
||||
} else { |
||||
list[i].dayNumber = ""; |
||||
list[i].isToday = false; |
||||
} |
||||
} |
||||
console.log(daysList); |
||||
setDayList(list); |
||||
setFake(fake + 1); |
||||
}, [month]); |
||||
|
||||
//==============
|
||||
const [eventData, setEventData] = useState([]); |
||||
const selectDayHandler=(index)=>{ |
||||
setEventData(Daylist[index].events); |
||||
selectDay(index); |
||||
} |
||||
return ( |
||||
<div |
||||
className="Days w-full flex flex-row-reverse items-start justify-between flex-wrap gap-y-[2%] relative" |
||||
style={{ height: "calc(100% - 80px)" }} |
||||
> |
||||
{Daylist.map((item, index) => ( |
||||
<div |
||||
key={index} |
||||
className="w-[13%] h-[15%] rounded-lg cursor-pointer flex flex-col items-center justify-center text-sm relative" |
||||
style={ |
||||
activeDay === index |
||||
? { |
||||
backgroundColor: primaryColor, |
||||
color: "#fff", |
||||
} |
||||
: item.isToday |
||||
? { |
||||
border: `1px solid ${primaryColor}`, |
||||
color: `${primaryColor}`, |
||||
} |
||||
: index % 7 === 6 |
||||
? { color: "#C94E2A" } |
||||
: null |
||||
} |
||||
onClick={() => selectDayHandler(index)} |
||||
> |
||||
<div>{item.dayNumber}</div> |
||||
<div className="w-[90%] flex items-center justify-center gap-x-1 absolute bottom-1"> |
||||
{item?.events?.map((event, Index) => ( |
||||
<React.Fragment key={Index}> |
||||
{Index < 2 && ( |
||||
<div |
||||
key={Index} |
||||
className="w-1 h-1 rounded-full bg-black" |
||||
style={ |
||||
event?.type |
||||
? { backgroundColor: dotsColor[event.type - 1] } |
||||
: { backgroundColor: dotsColor[Index] } |
||||
} |
||||
></div> |
||||
)} |
||||
</React.Fragment> |
||||
))} |
||||
</div> |
||||
</div> |
||||
))} |
||||
{/* ----------events-box---------------- */} |
||||
{showEvent && ( |
||||
<div |
||||
className="w-2/3 rounded bg-[#343234] absolute top-4 p-2" |
||||
style={ |
||||
eventBoxisRight |
||||
? { |
||||
top: `${eventBoxTop}%`, |
||||
right: `calc(${eventBoxRight}% - 1px)`, |
||||
} |
||||
: { |
||||
top: `${eventBoxTop}%`, |
||||
left: `calc(${eventBoxRight}% - 1px)`, |
||||
} |
||||
} |
||||
> |
||||
<div className="w-full flex items-center justify-between"> |
||||
{/* <div className="w-1/3 h-[2px] bg-white rounded-lg"></div> */} |
||||
<div className="w-full text-right text text-white">:رویدادها</div> |
||||
{/* <div className="w-1/3 h-[2px] bg-white rounded-lg"></div> */} |
||||
</div> |
||||
<div className="w-full mt-1"> |
||||
{eventData?.map((item, index) => ( |
||||
<div |
||||
key={index} |
||||
className="w-full flex flex-row-reverse items-center mb-2" |
||||
> |
||||
<div |
||||
className="w-2 h-2 rounded-full bg-white ml-2" |
||||
style={ |
||||
item?.type |
||||
? { backgroundColor: dotsColor[item.type] } |
||||
: { backgroundColor: dotsColor[index%2] } |
||||
} |
||||
></div> |
||||
<div className="text-sm text-right text-[#999]"> |
||||
{item?.title} |
||||
</div> |
||||
</div> |
||||
))} |
||||
</div> |
||||
</div> |
||||
)} |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default Days; |
||||
|
||||
|
||||
// bg-[rgba(0,0,0,0.2)]
|
||||
Loading…
Reference in new issue