diff --git a/src/images/astralLogo.png b/src/images/astralLogo.png new file mode 100644 index 00000000..6d9cecc3 Binary files /dev/null and b/src/images/astralLogo.png differ diff --git a/src/images/konturLogo.png b/src/images/konturLogo.png new file mode 100644 index 00000000..3d6f1971 Binary files /dev/null and b/src/images/konturLogo.png differ diff --git a/src/pages/PartnerSettings/PartnerSettings.js b/src/pages/PartnerSettings/PartnerSettings.js index f26c85cb..eb8b4066 100644 --- a/src/pages/PartnerSettings/PartnerSettings.js +++ b/src/pages/PartnerSettings/PartnerSettings.js @@ -4,6 +4,8 @@ import { Footer } from "../../components/Footer/Footer"; import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs"; import { ProfileHeader } from "../../components/ProfileHeader/ProfileHeader"; +import kontur from "../../images/konturLogo.png"; +import astral from "../../images/astralLogo.png"; import "./partnerSettings.scss"; export const PartnerSettings = () => { @@ -22,6 +24,7 @@ export const PartnerSettings = () => {

Вход в систему

+

Изменение логина

@@ -32,11 +35,11 @@ export const PartnerSettings = () => {
-
- - +
+ +
- + Нажимая "Сохранить", вы соглашаетесь с Правилами обработки и использования персональных данных @@ -44,15 +47,36 @@ export const PartnerSettings = () => {

Документы и отчеты

Изменить провадера ЭДО

+ +
+
+ +
+
+ +
+
+ +

+ Изменение названия компании +

-
- - +
+ +
- + Нажимая "Сохранить", вы соглашаетесь с Правилами обработки и использования персональных данных diff --git a/src/pages/PartnerSettings/partnerSettings.scss b/src/pages/PartnerSettings/partnerSettings.scss index 658d463a..d55066e3 100644 --- a/src/pages/PartnerSettings/partnerSettings.scss +++ b/src/pages/PartnerSettings/partnerSettings.scss @@ -45,6 +45,69 @@ outline: none; } } + + &__agreement { + font-size: 12px; + line-height: 18px; + color: #000000; + font-weight: 300; + } + + &__buttons { + width: 87%; + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 36px 0 30px 0; + + &-cancel, + &-save { + border-radius: 44px; + width: 151px; + height: 40px; + font-size: 14px; + line-height: 32px; + } + + &-cancel { + color: #6f6f6f; + background: white; + border: 0.5px solid #8dc63f; + } + + &-save { + color: #ffffff; + background: #52b709; + border: none; + } + } + + @media (max-width: 570px) { + &__input { + width: 95%; + } + + &__buttons { + margin: 15px 0 14px 0; + width: 100%; + flex-direction: column-reverse; + align-items: center; + + &-save { + margin-bottom: 15px; + } + } + } +} + +.checkbox { + &__first { + margin: 0px 0 0 20px; + } + + &__second { + margin: 0px 20px 0 0; + } } .partner-settings { @@ -57,12 +120,6 @@ margin-top: 27px; } - &__login { - } - - &__report { - } - &__report, &__login { width: 500px; @@ -71,4 +128,90 @@ border-radius: 12px; padding: 30px 60px; } + + &__logo { + display: flex; + align-items: center; + justify-content: space-between; + + div { + display: flex; + align-items: center; + + label input { + display: none; + } + + label span { + cursor: pointer; + height: 24px; + width: 24px; + border: none; + display: inline-block; + position: relative; + background: #eff1f3; + border-radius: 8px; + padding: 3px; + } + + [type="checkbox"]:checked + span:before { + content: "\2714"; + position: absolute; + top: -5px; + left: 2px; + font-size: 23px; + color: #1c1243; + font-weight: 300; + } + } + } + + &__label { + &-first, + &-second { + display: flex; + align-items: center; + } + + &-second { + flex-direction: row-reverse; + } + } + + @media (max-width: 1200px) { + margin-bottom: 15px; + + &__body { + flex-direction: column; + } + &__report { + margin-top: 50px; + } + } + + @media (max-width: 570px) { + &__report, + &__login { + width: 100%; + height: 100%; + padding: 20px 30px; + } + + &__logo { + flex-direction: column; + align-items: flex-start; + } + + &__label { + &-second, + &-first { + flex-direction: row; + } + } + .checkbox { + &__second { + margin: 0px 0 0 20px; + } + } + } }