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

обновление лк

Browse Source
This commit is contained in:
Denis 2022-07-20 10:30:34 +03:00
parent 40f3c364c5
commit 7c72b26f5f
16 changed files with 722 additions and 43 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 {
width: 158px;
min-width: 158px;
@media all and (max-width: 768px) {
display: none;
}
}
input + label {
@ -519,7 +523,7 @@
}
@media all and (max-width: 960px) {
margin-bottom: 40px;
margin-bottom: 20px;
form {
flex-wrap: wrap;
justify-content: flex-start;
@ -604,6 +608,8 @@
background: var(--blue);
color: #fff;
display: none;
&:disabled {
opacity: 0.48;
}
@ -854,6 +860,42 @@
align-items: center;
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 {
@ -861,15 +903,64 @@
border-collapse: collapse;
width: 100%;
@media all and (max-width: 1279px) {
display: block;
}
.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 {
display: table-cell;
padding: 18px 12px;
border: 1px solid #EDEFF5;
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 {
border-left: 0;
min-width: 36px;
@ -888,6 +979,38 @@
pointer-events: none;
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) {
@ -905,6 +1028,20 @@
color: var(--text_not_active);
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 {
@ -924,6 +1061,19 @@
&[data-selected="false"] {
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 {
@ -937,6 +1087,17 @@
padding: 25px 35px;
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 {
display: block;
}
@ -963,6 +1124,12 @@
font-weight: 400;
}
}
&:last-child {
border: 0;
padding-bottom: 0;
margin-bottom: 0;
}
}
}
}
@ -977,15 +1144,30 @@
border-left: 0 !important;
}
}
@media all and (max-width: 1279px) {
display: none;
}
}
}
&.editable {
.table_row {
&.editable {
.table_cell {
margin-bottom: 8px;
}
}
.table_cell {
&:last-child {
border: 1px solid #EDEFF5;
@media all and (max-width: 1279px) {
border: 0;
}
button {
pointer-events: all;
visibility: visible;
@ -1048,4 +1230,24 @@
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;
}
}
}
}
}

2
css/main/style.css
View File

File diff suppressed because one or more lines are too long

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) {
overflow: hidden;
//overflow: hidden;
}
}
@ -201,6 +201,12 @@ main {
color: var(--blue);
font-weight: 700;
margin-right: 25px;
@media all and (max-width: 768px) {
& + .section_title {
width: 100%;
}
}
}
}
@ -1878,6 +1884,10 @@ main {
font-weight: 700;
min-width: 15%;
&.lower {
text-transform: unset;
}
@media all and (max-width: 960px) {
min-width: 120px;
}
@ -1963,7 +1973,7 @@ main {
.block_body {
display: block;
p {
p:not(.doc_name) {
margin-bottom: 35px;
}
@ -3257,6 +3267,7 @@ main {
font-size: 13px;
line-height: 20px;
padding: 0;
position: relative;
&:nth-child(1),
&:nth-child(4) {
@ -3290,8 +3301,7 @@ main {
}
}
&:nth-child(2),
&:nth-child(5) {
&:nth-child(2) {
font-size: 10px;
line-height: 15px;
width: 40%;
@ -3308,21 +3318,53 @@ main {
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) {
width: 40%;
margin-top: 15px;
padding-top: 15px;
width: 100%;
margin-top: 0;
padding-top: 0;
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) {
order: 7;
display: flex;
align-items: center;
width: 100%;
text-align: right;
justify-content: flex-start;
margin-top: 15px;
padding-top: 15px;
padding-top: 0;
position: relative;
&:before {
@ -4206,7 +4248,7 @@ main .dropdown_blocks_list .dropdown_block .block_body {
@media all and (max-width: 960px) {
order: 4;
text-align: center;
text-align: left;
}
}
}
@ -4944,11 +4986,22 @@ main .dropdown_blocks_list .dropdown_block .block_body {
width: 235px;
margin-right: 20px;
padding-top: 20px;
@media all and (max-width: 1279px) {
max-width: 100%;
width: 100%;
padding-top: 0;
}
}
.dropdown_blocks_list {
width: calc(100% - 255px);
@media all and (max-width: 1279px) {
max-width: 100%;
width: 100%;
}
.dropdown_block {
&:last-child {
border-bottom: 1px solid #EDEFF5;
@ -4965,6 +5018,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_item {
@ -4972,6 +5039,11 @@ main .dropdown_blocks_list .dropdown_block .block_body {
padding: 16px;
border: 1px solid rgba(0, 16, 61, 0.12);
@media all and (max-width: 768px) {
padding: 0;
border: 0;
}
p {
margin-bottom: 8px;
&:last-child {
@ -4981,6 +5053,10 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.item_header {
margin-bottom: 25px;
position: relative;
@media all and (max-width: 768px) {
padding-top: 35px;
}
.status {
position: absolute;
@ -4993,6 +5069,14 @@ main .dropdown_blocks_list .dropdown_block .block_body {
padding: 4px 10px;
background: #04A8A4;
border-radius: 4px;
@media all and (max-width: 768px) {
font-size: 13px;
line-height: 20px;
right: auto;
left: 0;
font-weight: 400;
}
}
}
@ -5000,6 +5084,13 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.item_text {
margin: 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) {
padding-bottom: 16px;
@ -5015,6 +5106,14 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.row {
width: calc(33.333% - 20px);
@media all and (max-width: 1279px) {
width: calc(50% - 20px);
}
@media all and (max-width: 768px) {
width: 100%;
}
}
}
@ -5038,11 +5137,22 @@ main .dropdown_blocks_list .dropdown_block .block_body {
&:first-child {
width: 440px;
margin-right: 30px;
@media all and (max-width: 1279px) {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
}
&:nth-child(2) {
width: calc(100% - 470px);
max-width: 660px;
@media all and (max-width: 1279px) {
width: 100%;
max-width: 100%;
}
}
&.full {
@ -5055,6 +5165,11 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.column_text_block {
width: calc(50% - 37px);
margin-bottom: 30px;
@media all and (max-width: 1279px) {
width: 100%;
margin-bottom: 20px;
}
}
}
@ -5072,6 +5187,10 @@ main .dropdown_blocks_list .dropdown_block .block_body {
.row {
width: 50%;
@media all and (max-width: 768px) {
width: 100%;
}
.doc_name {
max-width: 100%;
}
@ -5080,6 +5199,15 @@ main .dropdown_blocks_list .dropdown_block .block_body {
}
.appeal_list {
&:not(.visible) {
@media all and (max-width: 1279px) {
.appeal_item {
&:not(.open) {
display: none;
}
}
}
}
.appeal_item {
padding: 8px;
margin-bottom: 8px;
@ -5094,7 +5222,13 @@ main .dropdown_blocks_list .dropdown_block .block_body {
font-weight: 400;
}
button {
&.rotate {
@media all and (max-width: 1279px) {
transform: rotate(-90deg);
}
}
}
}
&.open {
@ -5105,10 +5239,64 @@ main .dropdown_blocks_list .dropdown_block .block_body {
button {
&.rotate {
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;
}
}
}
}

2
css/var.css
View File

File diff suppressed because one or more lines are too long

2
css/var.css.map
View File

@ -1 +1 @@
{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}
{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}

6
css/var.less
View File

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

8
pages/appeal/index.js
View File

@ -222,6 +222,14 @@ class ContractPage extends React.Component {
</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>
</div>
</div>

11
pages/appeal/new.js
View File

@ -70,7 +70,8 @@ class ContractPage extends React.Component {
<div className="clear"></div>
<div className="container">
<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>
</div>
<Company />
@ -79,7 +80,7 @@ class ContractPage extends React.Component {
<article className="full">
<div className="new_appeal">
<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="block_header">
<p>
@ -175,7 +176,11 @@ class ContractPage extends React.Component {
<div className="file_upload dropzone">
<div className="files"></div>
<div>
<p>Перенесите файлы на экран для быстрой загрузки или выберите файл с компьетра </p>
<p data-sm-text="Выберите файлы">
<span>
Перенесите файлы на экран для быстрой загрузки или выберите файл с компьютера
</span>
</p>
<label htmlFor="" className="button button-blue">Загрузить файл</label>
</div>
<input type="file" accept="" />

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

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

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

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