evo/evoleasing-account
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:merelendor/evoleasing-account

Browse Source
This commit is contained in:
merelendor 2022-08-08 16:14:31 +03:00
commit 78e4728a55
16 changed files with 907 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/forms/style.css
View File

File diff suppressed because one or more lines are too long

2
css/forms/style.css.map
View File

File diff suppressed because one or more lines are too long

204
css/forms/style.less
View File

@ -510,6 +510,10 @@
.button { .button {
width: 158px; width: 158px;
min-width: 158px; min-width: 158px;
@media all and (max-width: 768px) {
display: none;
}
} }
input + label { input + label {
@ -519,7 +523,7 @@
} }
@media all and (max-width: 960px) { @media all and (max-width: 960px) {
margin-bottom: 40px; margin-bottom: 20px;
form { form {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
@ -604,6 +608,8 @@
background: var(--blue); background: var(--blue);
color: #fff; color: #fff;
display: none;
&:disabled { &:disabled {
opacity: 0.48; opacity: 0.48;
} }
@ -854,6 +860,42 @@
align-items: center; align-items: center;
gap: 0 7px; gap: 0 7px;
} }
@media all and (max-width: 1279px) {
p {
width: 160px;
margin-right: 16px;
min-width: 160px;
}
div {
width: 100%;
button {
&:first-child {width: 60%};
&:last-child {width: 40%;}
}
}
}
@media all and (max-width: 768px) {
display: block;
margin-bottom: 35px;
width: 100%;
p {
width: 100%;
}
div {
display: block;
button {
width: 100% !important;
margin-top: 16px;
}
}
}
} }
.settings_table { .settings_table {
@ -861,15 +903,64 @@
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
@media all and (max-width: 1279px) {
display: block;
}
.table_row { .table_row {
display: table-row; display: table-row;
@media all and (max-width: 1279px) {
display: block;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #EDEFF5;
padding-left: 55px;
background: url("../../public/assets/images/icons/user.svg") no-repeat top left;
position: relative;
}
@media all and (max-width: 768px) {
padding-left: 0;
background: transparent;
}
.table_cell { .table_cell {
display: table-cell; display: table-cell;
padding: 18px 12px; padding: 18px 12px;
border: 1px solid #EDEFF5; border: 1px solid #EDEFF5;
position: relative; position: relative;
&.delete {
position: static;
}
@media all and (max-width: 1279px) {
display: flex;
flex-wrap: wrap;
border: 0;
font-size: 13px;
line-height: 20px;
padding: 0;
margin-bottom: 4px;
&:before {
content: attr(data-title);
color: #8E94A7;
font-weight: 700;
display: block;
width: 190px;
padding-right: 10px;
}
}
@media all and (max-width: 768px) {
&:before {
width: 100%;
margin-bottom: 2px;
}
}
&:last-child { &:last-child {
border-left: 0; border-left: 0;
min-width: 36px; min-width: 36px;
@ -888,6 +979,38 @@
pointer-events: none; pointer-events: none;
background: url("../../public/assets/images/icons/icon-delete.svg") no-repeat center; background: url("../../public/assets/images/icons/icon-delete.svg") no-repeat center;
} }
@media all and (max-width: 1279px) {
&:before {
display: none;
border: 0;
}
button {
bottom: auto;
left: auto;
width: 32px;
height: 32px;
background: url("../../public/assets/images/icons/Trash.svg") no-repeat center;
font-size: 0;
text-indent: -999px;
overflow: hidden;
}
}
@media all and (max-width: 768px) {
button {
background: transparent;
text-indent: 0;
font-weight: 600;
font-size: 15px;
line-height: 20px;
color: #A8026B;
width: 140px;
position: relative;
}
}
} }
&:nth-last-child(2) { &:nth-last-child(2) {
@ -905,6 +1028,20 @@
color: var(--text_not_active); color: var(--text_not_active);
font-size: 15px; font-size: 15px;
} }
@media all and (max-width: 1279px) {
padding: 0 12px;
border: 1px solid rgba(0, 16, 61, 0.12);
height: 40px;
max-width: 320px;
width: 100%;
box-sizing: border-box;
}
@media all and (max-width: 768px) {
max-width: none;
width: 100%;
}
} }
.settings_dropdown { .settings_dropdown {
@ -924,6 +1061,19 @@
&[data-selected="false"] { &[data-selected="false"] {
color: var(--text_not_active); color: var(--text_not_active);
} }
@media all and (max-width: 1279px) {
border: 1px solid rgba(0, 16, 61, 0.12);
padding: 0 10px;
background-position: calc(100% - 10px) 50%;
width: calc(100% - 200px);
max-width: 320px;
}
@media all and (max-width: 768px) {
max-width: none;
width: 100%;
}
} }
.dropdown_list { .dropdown_list {
@ -937,6 +1087,17 @@
padding: 25px 35px; padding: 25px 35px;
z-index: 9; z-index: 9;
@media all and (max-width: 1279px) {
left: 200px;
}
@media all and (max-width: 768px) {
left: 0;
right: 0;
width: 100%;
padding: 16px;
}
&.opened { &.opened {
display: block; display: block;
} }
@ -963,6 +1124,12 @@
font-weight: 400; font-weight: 400;
} }
} }
&:last-child {
border: 0;
padding-bottom: 0;
margin-bottom: 0;
}
} }
} }
} }
@ -977,15 +1144,30 @@
border-left: 0 !important; border-left: 0 !important;
} }
} }
@media all and (max-width: 1279px) {
display: none;
}
} }
} }
&.editable { &.editable {
.table_row { .table_row {
&.editable {
.table_cell {
margin-bottom: 8px;
}
}
.table_cell { .table_cell {
&:last-child { &:last-child {
border: 1px solid #EDEFF5; border: 1px solid #EDEFF5;
@media all and (max-width: 1279px) {
border: 0;
}
button { button {
pointer-events: all; pointer-events: all;
visibility: visible; visibility: visible;
@ -1048,4 +1230,24 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
@media all and (max-width: 768px) {
border: 0;
background: transparent;
height: auto;
div {
p {
margin-bottom: 10px;
&:before {
content: attr(data-sm-text);
display: block;
}
span {
display: none;
}
}
}
}
} }

196
css/main/style.css
View File

@ -15,9 +15,6 @@ main section.gray {
background: var(--inactive); background: var(--inactive);
} }
@media all and (max-width: 1279px) { @media all and (max-width: 1279px) {
main section {
overflow: hidden;
}
} }
main .title_wrapper { main .title_wrapper {
display: flex; display: flex;
@ -195,6 +192,11 @@ main .title_wrapper .back {
font-weight: 700; font-weight: 700;
margin-right: 25px; margin-right: 25px;
} }
@media all and (max-width: 768px) {
main .title_wrapper .back + .section_title {
width: 100%;
}
}
main #main_slider { main #main_slider {
height: 600px; height: 600px;
background: var(--gray-light); background: var(--gray-light);
@ -1845,6 +1847,9 @@ main .dropdown_blocks_list .dropdown_block .block_body .company .title {
font-weight: 700; font-weight: 700;
min-width: 15%; min-width: 15%;
} }
main .dropdown_blocks_list .dropdown_block .block_body .company .title.lower {
text-transform: unset;
}
@media all and (max-width: 960px) { @media all and (max-width: 960px) {
main .dropdown_blocks_list .dropdown_block .block_body .company .title { main .dropdown_blocks_list .dropdown_block .block_body .company .title {
min-width: 120px; min-width: 120px;
@ -1917,7 +1922,7 @@ main .dropdown_blocks_list .dropdown_block.open .block_header button.rotate {
main .dropdown_blocks_list .dropdown_block.open .block_body { main .dropdown_blocks_list .dropdown_block.open .block_body {
display: block; display: block;
} }
main .dropdown_blocks_list .dropdown_block.open .block_body p { main .dropdown_blocks_list .dropdown_block.open .block_body p:not(.doc_name) {
margin-bottom: 35px; margin-bottom: 35px;
} }
@media all and (max-width: 768px) { @media all and (max-width: 768px) {
@ -2970,6 +2975,7 @@ main #order .container {
font-size: 13px; font-size: 13px;
line-height: 20px; line-height: 20px;
padding: 0; padding: 0;
position: relative;
} }
.contract_table .table_row .table_cell:nth-child(1), .contract_table .table_row .table_cell:nth-child(1),
.contract_table .table_row .table_cell:nth-child(4) { .contract_table .table_row .table_cell:nth-child(4) {
@ -2999,8 +3005,7 @@ main #order .container {
.contract_table .table_row .table_cell:nth-child(4) span { .contract_table .table_row .table_cell:nth-child(4) span {
margin-top: 0; margin-top: 0;
} }
.contract_table .table_row .table_cell:nth-child(2), .contract_table .table_row .table_cell:nth-child(2) {
.contract_table .table_row .table_cell:nth-child(5) {
font-size: 10px; font-size: 10px;
line-height: 15px; line-height: 15px;
width: 40%; width: 40%;
@ -3014,20 +3019,48 @@ main #order .container {
margin: 15px 0; margin: 15px 0;
width: 100%; width: 100%;
} }
.contract_table .table_row .table_cell:nth-child(6) { .contract_table .table_row .table_cell:nth-child(5) {
width: 40%; width: 100%;
order: 6;
margin-top: -20px;
}
.contract_table .table_row .table_cell:nth-child(5) .contract_debt {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px; margin-top: 15px;
padding-top: 15px; }
.contract_table .table_row .table_cell:nth-child(5) .contract_debt span {
margin-top: 0;
margin-bottom: 0;
}
.contract_table .table_row .table_cell:nth-child(6) {
width: 100%;
margin-top: 0;
padding-top: 0;
position: relative; position: relative;
font-size: 13px;
top: 0;
right: 0;
order: 5;
display: flex;
justify-content: flex-end;
max-width: 45%;
margin-left: auto;
}
.contract_table .table_row .table_cell:nth-child(6) .price {
margin-left: 15px;
} }
.contract_table .table_row .table_cell:nth-child(7) { .contract_table .table_row .table_cell:nth-child(7) {
order: 7;
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
text-align: right; text-align: right;
justify-content: flex-start; justify-content: flex-start;
margin-top: 15px; margin-top: 15px;
padding-top: 15px; padding-top: 0;
position: relative; position: relative;
} }
.contract_table .table_row .table_cell:nth-child(7):before { .contract_table .table_row .table_cell:nth-child(7):before {
@ -3743,7 +3776,7 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
@media all and (max-width: 960px) { @media all and (max-width: 960px) {
.events-list li p.action { .events-list li p.action {
order: 4; order: 4;
text-align: center; text-align: left;
} }
} }
.events-list li a { .events-list li a {
@ -4369,9 +4402,22 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
margin-right: 20px; margin-right: 20px;
padding-top: 20px; padding-top: 20px;
} }
@media all and (max-width: 1279px) {
.faq-list .faq_item .item_title {
max-width: 100%;
width: 100%;
padding-top: 0;
}
}
.faq-list .faq_item .dropdown_blocks_list { .faq-list .faq_item .dropdown_blocks_list {
width: calc(100% - 255px); width: calc(100% - 255px);
} }
@media all and (max-width: 1279px) {
.faq-list .faq_item .dropdown_blocks_list {
max-width: 100%;
width: 100%;
}
}
.faq-list .faq_item .dropdown_blocks_list .dropdown_block:last-child { .faq-list .faq_item .dropdown_blocks_list .dropdown_block:last-child {
border-bottom: 1px solid #EDEFF5; border-bottom: 1px solid #EDEFF5;
} }
@ -4381,11 +4427,31 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
.faq-list .faq_item .dropdown_blocks_list .dropdown_block .block_header p { .faq-list .faq_item .dropdown_blocks_list .dropdown_block .block_header p {
font-weight: 400; font-weight: 400;
} }
@media all and (max-width: 1279px) {
.new-appeal {
max-width: 255px;
margin-left: auto;
display: block !important;
}
}
@media all and (max-width: 768px) {
.new-appeal {
width: 100%;
max-width: 100%;
margin: 20px 0 0 0;
}
}
.appeal_list .appeal_item { .appeal_list .appeal_item {
margin-bottom: 20px; margin-bottom: 20px;
padding: 16px; padding: 16px;
border: 1px solid rgba(0, 16, 61, 0.12); border: 1px solid rgba(0, 16, 61, 0.12);
} }
@media all and (max-width: 768px) {
.appeal_list .appeal_item {
padding: 0;
border: 0;
}
}
.appeal_list .appeal_item p { .appeal_list .appeal_item p {
margin-bottom: 8px; margin-bottom: 8px;
} }
@ -4396,6 +4462,11 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
margin-bottom: 25px; margin-bottom: 25px;
position: relative; position: relative;
} }
@media all and (max-width: 768px) {
.appeal_list .appeal_item .item_header {
padding-top: 35px;
}
}
.appeal_list .appeal_item .item_header .status { .appeal_list .appeal_item .item_header .status {
position: absolute; position: absolute;
top: 0; top: 0;
@ -4408,10 +4479,27 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
background: #04A8A4; background: #04A8A4;
border-radius: 4px; border-radius: 4px;
} }
@media all and (max-width: 768px) {
.appeal_list .appeal_item .item_header .status {
font-size: 13px;
line-height: 20px;
right: auto;
left: 0;
font-weight: 400;
}
}
.appeal_list .appeal_item .item_body .item_text { .appeal_list .appeal_item .item_body .item_text {
margin: 0 -16px; margin: 0 -16px;
padding: 0 16px; padding: 0 16px;
} }
@media all and (max-width: 768px) {
.appeal_list .appeal_item .item_body .item_text {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
.appeal_list .appeal_item .item_body .item_text:not(:last-child) { .appeal_list .appeal_item .item_body .item_text:not(:last-child) {
padding-bottom: 16px; padding-bottom: 16px;
margin-bottom: 16px; margin-bottom: 16px;
@ -4426,6 +4514,16 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
.appeal_list .appeal_item .item_body .item_text .dosc_list .row { .appeal_list .appeal_item .item_body .item_text .dosc_list .row {
width: calc(33.333% - 20px); width: calc(33.333% - 20px);
} }
@media all and (max-width: 1279px) {
.appeal_list .appeal_item .item_body .item_text .dosc_list .row {
width: calc(50% - 20px);
}
}
@media all and (max-width: 768px) {
.appeal_list .appeal_item .item_body .item_text .dosc_list .row {
width: 100%;
}
}
.appeal_list .appeal_item .item_body .item_text .doc_name { .appeal_list .appeal_item .item_body .item_text .doc_name {
max-width: 100%; max-width: 100%;
} }
@ -4441,10 +4539,23 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
width: 440px; width: 440px;
margin-right: 30px; margin-right: 30px;
} }
@media all and (max-width: 1279px) {
.new_appeal .column:first-child {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
}
.new_appeal .column:nth-child(2) { .new_appeal .column:nth-child(2) {
width: calc(100% - 470px); width: calc(100% - 470px);
max-width: 660px; max-width: 660px;
} }
@media all and (max-width: 1279px) {
.new_appeal .column:nth-child(2) {
width: 100%;
max-width: 100%;
}
}
.new_appeal .column.full { .new_appeal .column.full {
width: 100%; width: 100%;
margin-right: 0; margin-right: 0;
@ -4456,6 +4567,12 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
width: calc(50% - 37px); width: calc(50% - 37px);
margin-bottom: 30px; margin-bottom: 30px;
} }
@media all and (max-width: 1279px) {
.new_appeal .column.full .column_text_block {
width: 100%;
margin-bottom: 20px;
}
}
.new_appeal .column .column_text_block { .new_appeal .column .column_text_block {
margin-bottom: 40px; margin-bottom: 40px;
} }
@ -4469,9 +4586,19 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
.new_appeal .column .column_text_block .dosc_list .row { .new_appeal .column .column_text_block .dosc_list .row {
width: 50%; width: 50%;
} }
@media all and (max-width: 768px) {
.new_appeal .column .column_text_block .dosc_list .row {
width: 100%;
}
}
.new_appeal .column .column_text_block .dosc_list .row .doc_name { .new_appeal .column .column_text_block .dosc_list .row .doc_name {
max-width: 100%; max-width: 100%;
} }
@media all and (max-width: 1279px) {
.new_appeal .column .appeal_list:not(.visible) .appeal_item:not(.open) {
display: none;
}
}
.new_appeal .column .appeal_list .appeal_item { .new_appeal .column .appeal_list .appeal_item {
padding: 8px; padding: 8px;
margin-bottom: 8px; margin-bottom: 8px;
@ -4485,6 +4612,11 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
.new_appeal .column .appeal_list .appeal_item .block_header p { .new_appeal .column .appeal_list .appeal_item .block_header p {
font-weight: 400; font-weight: 400;
} }
@media all and (max-width: 1279px) {
.new_appeal .column .appeal_list .appeal_item .block_header button.rotate {
transform: rotate(-90deg);
}
}
.new_appeal .column .appeal_list .appeal_item.open { .new_appeal .column .appeal_list .appeal_item.open {
background: #EDEFF5; background: #EDEFF5;
border-radius: 4px; border-radius: 4px;
@ -4492,3 +4624,45 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
.new_appeal .column .appeal_list .appeal_item.open button.rotate { .new_appeal .column .appeal_list .appeal_item.open button.rotate {
transform: rotate(-90deg); transform: rotate(-90deg);
} }
@media all and (max-width: 1279px) {
.new_appeal .column .appeal_list .appeal_item.open button.rotate {
transform: rotate(0deg);
}
}
@media all and (max-width: 1279px) {
.gibdd.dropdown_blocks_list .dropdown_block .block_body .company {
padding: 0;
}
}
@media all and (max-width: 768px) {
.gibdd.dropdown_blocks_list .dosc_list {
margin-top: 20px;
}
.gibdd.dropdown_blocks_list .dosc_list .row {
margin-bottom: 0;
}
.gibdd.dropdown_blocks_list .dropdown_block .block_body .company ul li b {
display: block;
margin-top: 2px;
}
}
.search_list .search_item {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #EDEFF5;
}
.search_list .search_item .item_title {
font-weight: 700;
margin-bottom: 10px;
}
.search_list .search_item a {
color: var(--blue);
}
.search_list .search_item mark {
color: #fff;
background: var(--blue);
}
.search_list .search_item mark a {
color: #fff;
text-decoration: underline;
}

2
css/main/style.css.map
View File

File diff suppressed because one or more lines are too long

208
css/main/style.less
View File

@ -18,7 +18,7 @@ main {
} }
@media all and (max-width: 1279px) { @media all and (max-width: 1279px) {
overflow: hidden; //overflow: hidden;
} }
} }
@ -201,6 +201,12 @@ main {
color: var(--blue); color: var(--blue);
font-weight: 700; font-weight: 700;
margin-right: 25px; margin-right: 25px;
@media all and (max-width: 768px) {
& + .section_title {
width: 100%;
}
}
} }
} }
@ -1878,6 +1884,10 @@ main {
font-weight: 700; font-weight: 700;
min-width: 15%; min-width: 15%;
&.lower {
text-transform: unset;
}
@media all and (max-width: 960px) { @media all and (max-width: 960px) {
min-width: 120px; min-width: 120px;
} }
@ -1963,7 +1973,7 @@ main {
.block_body { .block_body {
display: block; display: block;
p { p:not(.doc_name) {
margin-bottom: 35px; margin-bottom: 35px;
} }
@ -3260,6 +3270,7 @@ main {
font-size: 13px; font-size: 13px;
line-height: 20px; line-height: 20px;
padding: 0; padding: 0;
position: relative;
&:nth-child(1), &:nth-child(1),
&:nth-child(4) { &:nth-child(4) {
@ -3293,8 +3304,7 @@ main {
} }
} }
&:nth-child(2), &:nth-child(2) {
&:nth-child(5) {
font-size: 10px; font-size: 10px;
line-height: 15px; line-height: 15px;
width: 40%; width: 40%;
@ -3311,21 +3321,53 @@ main {
width: 100%; width: 100%;
} }
&:nth-child(5) {
width: 100%;
order: 6;
margin-top: -20px;
.contract_debt {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
span {
margin-top: 0;
margin-bottom: 0;
}
}
}
&:nth-child(6) { &:nth-child(6) {
width: 40%; width: 100%;
margin-top: 15px; margin-top: 0;
padding-top: 15px; padding-top: 0;
position: relative; position: relative;
font-size: 13px;
top: 0;
right: 0;
order: 5;
display: flex;
justify-content: flex-end;
max-width: 45%;
margin-left: auto;
.price {
margin-left: 15px;
}
} }
&:nth-child(7) { &:nth-child(7) {
order: 7;
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
text-align: right; text-align: right;
justify-content: flex-start; justify-content: flex-start;
margin-top: 15px; margin-top: 15px;
padding-top: 15px; padding-top: 0;
position: relative; position: relative;
&:before { &:before {
@ -4209,7 +4251,7 @@ main .dropdown_blocks_list .dropdown_block .block_body {
@media all and (max-width: 960px) { @media all and (max-width: 960px) {
order: 4; order: 4;
text-align: center; text-align: left;
} }
} }
} }
@ -4947,11 +4989,22 @@ main .dropdown_blocks_list .dropdown_block .block_body {
width: 235px; width: 235px;
margin-right: 20px; margin-right: 20px;
padding-top: 20px; padding-top: 20px;
@media all and (max-width: 1279px) {
max-width: 100%;
width: 100%;
padding-top: 0;
}
} }
.dropdown_blocks_list { .dropdown_blocks_list {
width: calc(100% - 255px); width: calc(100% - 255px);
@media all and (max-width: 1279px) {
max-width: 100%;
width: 100%;
}
.dropdown_block { .dropdown_block {
&:last-child { &:last-child {
border-bottom: 1px solid #EDEFF5; border-bottom: 1px solid #EDEFF5;
@ -4968,6 +5021,20 @@ main .dropdown_blocks_list .dropdown_block .block_body {
} }
} }
.new-appeal {
@media all and (max-width: 1279px) {
max-width: 255px;
margin-left: auto;
display: block !important;
}
@media all and (max-width: 768px) {
width: 100%;
max-width: 100%;
margin: 20px 0 0 0;
}
}
.appeal_list { .appeal_list {
.appeal_item { .appeal_item {
@ -4975,6 +5042,11 @@ main .dropdown_blocks_list .dropdown_block .block_body {
padding: 16px; padding: 16px;
border: 1px solid rgba(0, 16, 61, 0.12); border: 1px solid rgba(0, 16, 61, 0.12);
@media all and (max-width: 768px) {
padding: 0;
border: 0;
}
p { p {
margin-bottom: 8px; margin-bottom: 8px;
&:last-child { &:last-child {
@ -4984,6 +5056,10 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.item_header { .item_header {
margin-bottom: 25px; margin-bottom: 25px;
position: relative; position: relative;
@media all and (max-width: 768px) {
padding-top: 35px;
}
.status { .status {
position: absolute; position: absolute;
@ -4996,6 +5072,14 @@ main .dropdown_blocks_list .dropdown_block .block_body {
padding: 4px 10px; padding: 4px 10px;
background: #04A8A4; background: #04A8A4;
border-radius: 4px; border-radius: 4px;
@media all and (max-width: 768px) {
font-size: 13px;
line-height: 20px;
right: auto;
left: 0;
font-weight: 400;
}
} }
} }
@ -5003,6 +5087,13 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.item_text { .item_text {
margin: 0 -16px; margin: 0 -16px;
padding: 0 16px; padding: 0 16px;
@media all and (max-width: 768px) {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
&:not(:last-child) { &:not(:last-child) {
padding-bottom: 16px; padding-bottom: 16px;
@ -5018,6 +5109,14 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.row { .row {
width: calc(33.333% - 20px); width: calc(33.333% - 20px);
@media all and (max-width: 1279px) {
width: calc(50% - 20px);
}
@media all and (max-width: 768px) {
width: 100%;
}
} }
} }
@ -5041,11 +5140,22 @@ main .dropdown_blocks_list .dropdown_block .block_body {
&:first-child { &:first-child {
width: 440px; width: 440px;
margin-right: 30px; margin-right: 30px;
@media all and (max-width: 1279px) {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
} }
&:nth-child(2) { &:nth-child(2) {
width: calc(100% - 470px); width: calc(100% - 470px);
max-width: 660px; max-width: 660px;
@media all and (max-width: 1279px) {
width: 100%;
max-width: 100%;
}
} }
&.full { &.full {
@ -5058,6 +5168,11 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.column_text_block { .column_text_block {
width: calc(50% - 37px); width: calc(50% - 37px);
margin-bottom: 30px; margin-bottom: 30px;
@media all and (max-width: 1279px) {
width: 100%;
margin-bottom: 20px;
}
} }
} }
@ -5075,6 +5190,10 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.row { .row {
width: 50%; width: 50%;
@media all and (max-width: 768px) {
width: 100%;
}
.doc_name { .doc_name {
max-width: 100%; max-width: 100%;
} }
@ -5083,6 +5202,15 @@ main .dropdown_blocks_list .dropdown_block .block_body {
} }
.appeal_list { .appeal_list {
&:not(.visible) {
@media all and (max-width: 1279px) {
.appeal_item {
&:not(.open) {
display: none;
}
}
}
}
.appeal_item { .appeal_item {
padding: 8px; padding: 8px;
margin-bottom: 8px; margin-bottom: 8px;
@ -5097,7 +5225,13 @@ main .dropdown_blocks_list .dropdown_block .block_body {
font-weight: 400; font-weight: 400;
} }
button {
&.rotate {
@media all and (max-width: 1279px) {
transform: rotate(-90deg);
}
}
}
} }
&.open { &.open {
@ -5108,10 +5242,64 @@ main .dropdown_blocks_list .dropdown_block .block_body {
button { button {
&.rotate { &.rotate {
transform: rotate(-90deg); transform: rotate(-90deg);
@media all and (max-width: 1279px) {
transform: rotate(0deg);
}
} }
} }
} }
} }
} }
} }
}
.gibdd.dropdown_blocks_list {
@media all and (max-width: 1279px) {
.dropdown_block .block_body .company {
padding: 0;
}
}
@media all and (max-width: 768px) {
.dosc_list {
margin-top: 20px;
.row {
margin-bottom: 0;
}
}
.dropdown_block .block_body .company ul li b {
display: block;
margin-top: 2px;
}
}
}
.search_list {
.search_item {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #EDEFF5;
.item_title {
font-weight: 700;
margin-bottom: 10px;
}
a {
color: var(--blue);
}
mark {
color: #fff;
background: var(--blue);
a {
color: #fff;
text-decoration: underline;
}
}
}
} }

5
css/var.css
View File

@ -201,6 +201,11 @@ body {
.aside_container.about article { .aside_container.about article {
width: 100%; width: 100%;
} }
.aside_container.about aside.flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
} }
.section_title { .section_title {
font-size: 50px; font-size: 50px;

2
css/var.css.map
View File

@ -1 +1 @@
{"version":3,"sources":["var.less"],"names":[],"mappings":"AAAA,MACE,cAAA,CACA,wBAAA,CACA,cAAA,CACA,+BAAA,CACA,iBAAA,CACA,kCAAA,CACA,aAAA,CACA,kBAAA,CACA,eAAA,CACA,0BAgBF,KACE,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAa,uBAAb,CACA,gBAEA,gBAAmC,uBAAwB,kBAA3D,KACE,cAAA,CACA,kBAGF,gBAAkC,iBAAlC,KACE,cAAA,CACA,kBAIJ,UACE,gBAGF,WACE,gBAAA,CACA,gBAAA,CACA,UAAA,CACA,gBAAA,CACA,WAAA,CACA,kBAEA,UAAC,OACC,QAAS,EAAT,CACA,aAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,QAAA,CACA,WAYF,gBAAmC,uBAAwB,kBAA3D,WACE,gBAAA,CACA,kBAGF,gBAAmC,kBAAnC,WACE,kBAGF,gBAAkC,iBAAlC,WACE,gBAAA,CACA,kBAGF,gBAAmC,kBAAnC,WACE,MAAO,kBAAP,CACA,eAGF,gBAAkC,iBAAlC,WACE,aAAA,CACA,MAAO,mBAIX,iBACE,YAAA,CACA,6BAAA,CACA,kBAEA,gBAAmC,kBACjC,gBAAC,QACC,QAAS,EAAT,CACA,aAAA,CACA,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,QAAA,CACA,UAAA,CACA,WAAY,iBAflB,gBAmBE,OACE,YAEA,gBAAkC,iBAAlC,gBAHF,OAII,YAvBN,gBA2BE,SACE,MAAO,mBAEP,gBAHF,QAGG,YACC,WA/BN,gBA2BE,QAOE,cACE,iBAAA,CACA,YAAA,CACA,cAAA,CACA,6BAAA,CACA,gCAvCN,gBA2BE,QAOE,aAOE,KACE,MAAO,iBAGT,gBAAkC,iBAAlC,gBAlBJ,QAOE,cAYI,UADF,gBAlBJ,QAOE,aAcI,KACE,YAKN,gBAAkC,iBAAlC,gBA3BF,SA4BI,WADF,gBA3BF,QA8BI,cACE,gBAKN,gBAAC,MACC,OACE,WAAA,CACA,uBAAwB,eAAxB,CACA,oBAEA,gBAAmC,uBAAwB,kBAA3D,gBANH,MACC,OAMI,WAAA,CACA,qBAGF,gBAAmC,kBAAnC,gBAXH,MACC,OAWI,cAAA,CACA,qBAbN,gBAAC,MAiBC,SACE,MAAO,kBAAP,CACA,oBAEA,gBArBH,MAiBC,QAIG,MACC,WAGF,gBAAmC,uBAAwB,kBAA3D,gBAzBH,MAiBC,SASI,MAAO,kBAAP,CACA,qBAGF,gBAAkC,iBAAlC,gBA9BH,MAiBC,SAcI,qBAIJ,gBAAmC,kBAAnC,gBAnCD,OAoCG,cADF,gBAnCD,MAsCG,OAHF,gBAnCD,MAsCU,SACL,YAQR,eACE,cAAA,CACA,gBAAA,CACA,eAAA,CACA,aAAA,CACA,mBAEA,cAAC,WACC,gBAGF,gBAAmC,uBAAwB,kBAA3D,eACE,cAAA,CACA,kBAGF,gBAAmC,kBAAnC,eACE,cAAA,CACA,kBAGF,gBAAkC,iBAAlC,eACE,cAAA,CACA,kBAGF,gBAAkC,iBAAlC,eACE,oBAIJ,GACE,cAAA,CACA,iBAGF,GACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,mBAEA,gBAAmC,uBAAwB,kBAA3D,GACE,cAAA,CACA,kBAGF,EAAC,OACC,cAAA,CACA,gBAAA,CACA,MAAO,sBAAP,CACA,YAAA,CACA,gBAEA,gBAAkC,iBAAlC,EAPD,OAQG,cAAA,CACA,kBAIJ,EAAC,aACC,aAIJ,GACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,mBAEA,EAAC,aACC,aAIJ,GACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,mBAEA,EAAC,aACC,aAIJ,WACE,cAAA,CACA,iBAEA,UAAC,YACC,cAGF,gBAAkC,iBAAlC,WACE,cAAA,CACA,kBAIJ,EACA,OACE,gBAIA,CAAC,SACC,MAAO,YAIX,EACE,oBAAA,CACA,MAAO,YAGT,IACE,sBAGF,OACE,aAAA,CACA,WAGF,gBAAkC,iBAChC,GACE,cAAA,CACA,iBAGF,GACE,cAAA,CACA,kBAIJ,SACE,iBAAA,CACA,eAAgB,2DAElB,mBACE,iBAAA,CACA,eAAgB,iEAElB,WACE,iBAAA,CACA,eAAgB,yDAElB,YACE,iBAAA,CACA,eAAgB,0DAGlB,OACE,iBAAA,CACA,eAAgB,2DAEhB,MAAC,cACC,eAAgB,2DAAhB,CACA,kBAEA,MAJD,aAIE,QACC,QAAS,iBAAT,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,SAAA,CACA,UAAA,CACA,KAAA,CACA,aAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CACA,kBAAA,CACA,yBAGF,gBAAmC,uBAAwB,kBAA3D,MAtBD,cAuBG,iBAAA,CACA,qBAEA,MA1BH,aA0BI,QACC,UAAA,CACA,eAIJ,gBAAkC,iBAAlC,MAhCD,cAiCG,iBAAA,CACA,oBAAA,CACA,0BAEA,MArCH,aAqCI,QACC,aAAA,CACA,UAAA,CACA,WAAA,CACA,MAAA,CACA,SAKN,gBAAmC,uBAAwB,kBAA3D,OACE,iBAAA,CACA,sBAGF,gBAAkC,iBAAlC,OACE,iBAAA,CACA,oBAAA,CACA,2BAMH,UAAC,cAEA,eAAgB,2DAAhB,CACA,kBAEA,UALA,aAKC,QACA,QAAS,iBAAT,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAA,CACA,KAAA,CACA,cAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CACA,kBAAA,CACA,yBAGD,gBAAmC,uBAAwB,kBAA3D,UAvBA,cAwBC,iBAAA,CACA,qBAEA,UA3BD,aA2BE,QACA,UAAA,CACA,aAAA,CACA,UAIF,gBAAkC,iBAAlC,UAlCA,cAmCC,iBAAA,CACA,oBAAA,CACA,0BAEA,UAvCD,aAuCE,QACD,aAAA,CACA,UAAA,CACA,WAAA,CACA,MAAA,CACA,SAMH,OACE,iBAAA,CACA,eAAgB,0DAAhB,CACA,qBAEA,gBAAmC,uBAAwB,kBAA3D,OACE,iBAAA,CACA,sBAGF,gBAAkC,iBAAlC,OACE,iBAAA,CACA,oBAAA,CACA,2BAIJ,SACE,MAAO,aAGT,QACE,MAAO,WAGT,gBAAkC,iBAChC,oBACE,cAIJ,OACC,YAAA,CACA,0BAAA,CACC,mBAHF,MAKC,GACC,eAAA,CACE,cAAA,CACA,gBAAA,CACA,UAAA,CACF,mBAEA,gBAAmC,kBAAnC,MAPD,GAQE,cAAA,CACA,qBAID,gBAAmC,kBAAnC,OACE,mBADF,MAGE,GACE,cAAA,CACA,kBAKN,sBACC,gBAAA,CACA,0BAEA,gBAAkC,iBAAlC,sBACC,yBAAA,CACA,kBAGD,QAA2B,uBAAwB,kBAAnD,sBACC,yBAAA,CACA"} {"version":3,"sources":["var.less"],"names":[],"mappings":"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"}

6
css/var.less
View File

@ -203,6 +203,12 @@ body {
aside, article { aside, article {
width: 100%; width: 100%;
} }
aside.flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
} }

255
pages/contract/gibdd.js Normal file
View File

@ -0,0 +1,255 @@
import React from "react";
import Head from "next/head";
import Image from "next/image";
import { connect } from "react-redux";
import { withRouter } from "next/router";
import numeral from "numeral";
import moment from "moment";
import { SpinnerCircular } from "spinners-react";
import { reduxWrapper } from "../../store";
import Header from "../components/Header";
import Footer from "../components/Footer";
import Company from "../components/Company";
import InnerMenu from "./components/InnerMenu";
import {
getContractInfo,
getContractHelpCard,
getContractInsurance,
getContractRegistration,
getContractTelematic,
} from "./../../actions";
class ContractServicesPage extends React.Component {
constructor(props) {
super(props);
this.state = {
opened: [],
date: null,
car: null,
contract_date: null,
loading: false,
helpcard: null,
insurance: null,
registration: null,
telematic: null,
};
}
static getDerivedStateFromProps(nextProps, prevState) {
return {
date: nextProps.date,
car: nextProps.car,
contract_date: nextProps.contract_date,
helpcard: nextProps.helpcard,
insurance: nextProps.insurance,
registration: nextProps.registration,
telematic: nextProps.telematic,
};
}
componentDidMount() {
if (!this.state.loading && this.props.number !== undefined) {
this.setState({ loading: true }, () => {
getContractInfo({
dispatch: this.props.dispatch,
number: this.props.number,
});
Promise.all([
new Promise((resolve) => {
getContractHelpCard({
dispatch: this.props.dispatch,
number: this.props.number,
}).then(resolve());
}),
new Promise((resolve) => {
getContractInsurance({
dispatch: this.props.dispatch,
number: this.props.number,
}).then(resolve());
}),
new Promise((resolve) => {
getContractRegistration({
dispatch: this.props.dispatch,
number: this.props.number,
}).then(resolve());
}),
new Promise((resolve) => {
getContractTelematic({
dispatch: this.props.dispatch,
number: this.props.number,
}).then(resolve());
}),
]).then(() => {
this.setState({ loading: false });
});
});
}
}
_handle_onCard = (card) => {
const opened = [...this.state.opened];
if (opened.indexOf(card) === -1) {
opened.push(card);
} else {
opened.splice(opened.indexOf(card), 1);
}
this.setState({ opened: opened });
};
render() {
const {
opened,
loading,
date,
car,
contract_date,
helpcard,
insurance,
registration,
telematic,
} = this.state;
const { number } = this.props;
return (
<React.Fragment>
<Head>
<title>ЛК Эволюция автолизинга</title>
<meta name="description" content="ЛК Эволюция автолизинга" />
</Head>
<Header {...this.props} />
<main>
<section>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left" style={{ flexDirection: "column" }}>
<h1 className="section_title">Договор №{number}</h1>
<h5 style={{ fontSize: "14px" }}>
{date !== undefined && date !== null && date !== null && (
<> от {moment(date).format("DD.MM.YYYY")}</>
)}
{car !== undefined && car !== null
? ` - ${car.brand.name} ${car.model.name} | ${
car.reg_number !== null
? car.reg_number
: "без рег. номера"
} | ${
car.vin_number !== null
? car.vin_number
: "без VIN номера"
}`
: ""}
</h5>
</div>
<Company />
</div>
<div className="aside_container about">
<InnerMenu number={number} {...this.props} />
<article>
{loading ? (
<div
className="table_row table_header"
style={{
minHeight: 300,
display: "flex",
justifyContent: "center",
alignItems: "center",
}}
>
<SpinnerCircular
size={90}
thickness={51}
speed={100}
color="rgba(28, 1, 169, 1)"
secondaryColor="rgba(236, 239, 244, 1)"
/>
</div>
) : (
<div className="dropdown_blocks_list zero-margin gibdd">
<div className={`dropdown_block open`}>
<div className="block_body full">
<div className="company">
<p className="title lower">Штрафы ГИБДД</p>
<ul>
<li>
Номер постановления: <b>3432434242334</b>
</li>
<li>
Страховая: <b>3 400 000,00 ₽</b>
</li>
<li>
Статус: <b>Оплачен</b>
</li>
<li>
Дата: <b>01/01/2020 </b>
</li>
<li>
Штраф:{" "}
<b>п. 1.15 - Несоблюдение правил парковки </b>
</li>
<li>
<div className="dosc_list medium-icon">
<div className="row">
<p className="doc_name i-pdf extension">
№ 01/20/2020 (.PDF)
<span style={{"width":"100%"}}>
Постановление
</span>
</p>
</div>
<div className="row">
<p className="doc_name i-pdf extension">
Договор
<span style={{"width":"100%"}}>
2021_3866 от 25.06.2021
</span>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
)}
</article>
</div>
</div>
</section>
</main>
<Footer />
</React.Fragment>
);
}
}
function mapStateToProps(state, ownProps) {
return {
contract_date: state.contract.date,
date: state.contract.date,
car: state.contract.car,
helpcard: state.contract.helpcard,
insurance: state.contract.insurance,
registration: state.contract.registration,
telematic: state.contract.telematic,
};
}
export const getServerSideProps = reduxWrapper.getServerSideProps(
(store) =>
async ({ req, res, query }) => {
return {
props: {
//number: query.number,
number: null,
},
};
}
);
export default withRouter(connect(mapStateToProps)(ContractServicesPage));

42
pages/settings/index.js
View File

@ -86,35 +86,35 @@ class IndexPage extends React.Component
</div> </div>
<div className="table_row"> <div className="table_row">
<div className="table_cell">Иванов Иван Иванович</div> <div className="table_cell" data-title="ФИО пользователя">Иванов Иван Иванович</div>
<div className="table_cell">iivanov@mail.com</div> <div className="table_cell" data-title="Почта">iivanov@mail.com</div>
<div className="table_cell">Администратор</div> <div className="table_cell" data-title="Роль">Администратор</div>
<div className="table_cell">Все организации</div> <div className="table_cell" data-title="Доступные организации">Все организации</div>
<div className="table_cell">Активен</div> <div className="table_cell" data-title="Статус">Активен</div>
<div className="table_cell"> <div className="table_cell delete">
<button className="delete_user" title="Удалить пользователя"></button> <button className="delete_user" title="Удалить пользователя">Удалить</button>
</div> </div>
</div> </div>
<div className="table_row"> <div className="table_row">
<div className="table_cell">Иванов Иван Иванович</div> <div className="table_cell" data-title="ФИО пользователя">Иванов Иван Иванович</div>
<div className="table_cell">iivanov@mail.com</div> <div className="table_cell" data-title="Почта">iivanov@mail.com</div>
<div className="table_cell">Администратор</div> <div className="table_cell" data-title="Роль">Администратор</div>
<div className="table_cell">Все организации</div> <div className="table_cell" data-title="Доступные организации">Все организации</div>
<div className="table_cell">Активен</div> <div className="table_cell" data-title="Статус">Активен</div>
<div className="table_cell"> <div className="table_cell delete">
<button className="delete_user" title="Удалить пользователя"></button> <button className="delete_user" title="Удалить пользователя">Удалить</button>
</div> </div>
</div> </div>
<div className="table_row editable"> <div className="table_row editable">
<div className="table_cell"> <div className="table_cell" data-title="ФИО пользователя">
<input type="text" placeholder="Введите ФИО" /> <input type="text" placeholder="Введите ФИО" />
</div> </div>
<div className="table_cell"> <div className="table_cell" data-title="Почта">
<input type="email" placeholder="Введите почту" /> <input type="email" placeholder="Введите почту" />
</div> </div>
<div className="table_cell">Пользователь</div> <div className="table_cell" data-title="Роль">Пользователь</div>
<div className="table_cell"> <div className="table_cell" data-title="Доступные организации">
<button className="settings_dropdown" data-selected="false">Выберите организацию</button> <button className="settings_dropdown" data-selected="false">Выберите организацию</button>
<div className="dropdown_list opened"> <div className="dropdown_list opened">
<div className="list_item"> <div className="list_item">
@ -139,9 +139,9 @@ class IndexPage extends React.Component
</div> </div>
</div> </div>
</div> </div>
<div className="table_cell">-</div> <div className="table_cell" data-title="Статус">-</div>
<div className="table_cell"> <div className="table_cell delete">
<button className="delete_user" title="Удалить пользователя"></button> <button className="delete_user" title="Удалить пользователя">Удалить</button>
</div> </div>
</div> </div>
</div> </div>

7
pages/support/components/InnerMenu/index.js
View File

@ -36,7 +36,10 @@ export default class InnerMenu extends React.Component
const { number } = this.props; const { number } = this.props;
return ( return (
<aside> <aside className="flex">
<button className="nav_toggle">
Меню
</button>
<ul className="aside_nav" ref={ this.menuRef }> <ul className="aside_nav" ref={ this.menuRef }>
<li> <li>
<Link href={`/support/faq/`} shallow> <Link href={`/support/faq/`} shallow>
@ -49,7 +52,7 @@ export default class InnerMenu extends React.Component
</Link> </Link>
</li> </li>
</ul> </ul>
<button className="button button-blue">Новое обращение</button> <button className="button button-blue new-appeal">Новое обращение</button>
</aside> </aside>
) )
} }

7
pages/support/index.js
View File

@ -184,6 +184,13 @@ class ContractPage extends React.Component
</div> </div>
</div> </div>
</div> </div>
{/* Результат поиска */}
<div className="search_list">
<div className="search_item">
<p className="item_title">Изменение графика платежей / Как изменить график платежей по договору лизинга?</p>
<p>К каждой теме свободное <mark>html поле для миниинструкции</mark> (со ссылками на формы документов и документы). Привязка к теме обращения в CRM</p>
</div>
</div>
</article> </article>
</div> </div>
</div> </div>

9
pages/support/new.js
View File

@ -73,7 +73,8 @@ class ContractPage extends React.Component
<div className="clear"></div> <div className="clear"></div>
<div className="container"> <div className="container">
<div className="title_wrapper"> <div className="title_wrapper">
<div className="left" style={{ flexDirection: "column" }}> <div className="left" style={{ alignItems: "center", flexWrap: "wrap" }}>
<button className="back">Назад</button>
<h1 className="section_title">Новое обращение</h1> <h1 className="section_title">Новое обращение</h1>
</div> </div>
<Company /> <Company />
@ -82,7 +83,7 @@ class ContractPage extends React.Component
<article className="full"> <article className="full">
<div className="new_appeal"> <div className="new_appeal">
<div className="column"> <div className="column">
<div className="dropdown_blocks_list appeal_list"> <div className="dropdown_blocks_list appeal_list visible">
<div className="appeal_item dropdown_block"> <div className="appeal_item dropdown_block">
<div className="block_header"> <div className="block_header">
<p> <p>
@ -175,7 +176,9 @@ class ContractPage extends React.Component
<div className="file_upload dropzone"> <div className="file_upload dropzone">
<div className="files"></div> <div className="files"></div>
<div> <div>
<p>Перенесите файлы на экран для быстрой загрузки или выберите файл с компьетра </p> <p data-sm-text="Выберите файлы">
<span>Перенесите файлы на экран для быстрой загрузки или выберите файл с компьютера </span>
</p>
<label htmlFor="" className="button button-blue">Загрузить файл</label> <label htmlFor="" className="button button-blue">Загрузить файл</label>
</div> </div>
<input type="file" accept="" /> <input type="file" accept="" />

7
public/assets/images/icons/Trash.svg Normal file
View File

@ -0,0 +1,7 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.999 7L4.99902 7.00001" stroke="#A8026B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13 13V21" stroke="#A8026B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19 13V21" stroke="#A8026B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.999 7.00001V26C24.999 26.2652 24.8937 26.5196 24.7061 26.7071C24.5186 26.8946 24.2642 27 23.999 27H7.99902C7.73381 27 7.47945 26.8946 7.29192 26.7071C7.10438 26.5196 6.99902 26.2652 6.99902 26V7" stroke="#A8026B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 7V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H13C12.4696 3 11.9609 3.21071 11.5858 3.58579C11.2107 3.96086 11 4.46957 11 5V7" stroke="#A8026B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 974 B

5
public/assets/images/icons/user.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28Z" stroke="black" stroke-width="2" stroke-miterlimit="10"/>
<path d="M16 20C18.7614 20 21 17.7614 21 15C21 12.2386 18.7614 10 16 10C13.2386 10 11 12.2386 11 15C11 17.7614 13.2386 20 16 20Z" stroke="black" stroke-width="2" stroke-miterlimit="10"/>
<path d="M7.97461 24.9218C8.72787 23.4408 9.87626 22.1971 11.2926 21.3284C12.709 20.4598 14.3382 20 15.9997 20C17.6613 20 19.2904 20.4598 20.7068 21.3284C22.1232 22.1971 23.2716 23.4407 24.0248 24.9217" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 755 B