Added page settings

src/pages/PartnerSettings/PartnerSettings.js

@@ -0,0 +1,68 @@
+import React from "react";
+import { Footer } from "../../components/Footer/Footer";
+
+import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs";
+import { ProfileHeader } from "../../components/ProfileHeader/ProfileHeader";
+
+import "./partnerSettings.scss";
+
+export const PartnerSettings = () => {
+  return (
+    <div className="settings">
+      <ProfileHeader />
+      <div className="container settings__page">
+        <ProfileBreadcrumbs
+          links={[
+            { name: "Главная", link: "/profile" },
+            { name: "Данные моего персонала", link: "/profile/employees" },
+          ]}
+        />
+        <div className="partner-settings">
+          <h2 className="infoPersonal__title">Настройки акаунта</h2>
+          <div className="partner-settings__body">
+            <div className="partner-settings__login">
+              <h3 className="settings__title">Вход в систему</h3>
+              <p className="settings__lable-first">Изменение логина</p>
+              <div className="settings__input">
+                <input></input>
+              </div>
+
+              <p className="settings__lable-second">Изменение пароля</p>
+              <div className="settings__input">
+                <input></input>
+              </div>
+
+              <div>
+                <button>Отмена</button>
+                <button>Сохранить</button>
+              </div>
+              <span>
+                Нажимая "Сохранить", вы соглашаетесь с Правилами обработки и
+                использования персональных данных
+              </span>
+            </div>
+            <div className="partner-settings__report">
+              <h3 className="settings__title">Документы и отчеты</h3>
+              <p className="settings__lable-first">Изменить провадера ЭДО</p>
+              <div className="settings__input">
+                <input></input>
+              </div>
+
+              <div>
+                <button>Отмена</button>
+                <button>Сохранить</button>
+              </div>
+              <span>
+                Нажимая "Сохранить", вы соглашаетесь с Правилами обработки и
+                использования персональных данных
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <Footer />
+    </div>
+  );
+};
+
+export default PartnerSettings;

src/pages/PartnerSettings/partnerSettings.scss

@@ -0,0 +1,74 @@
+.settings {
+  background: #f1f1f1;
+
+  &__page {
+    max-width: 1160px !important;
+    margin-top: 23px;
+  }
+
+  &__title {
+    color: #5b6871;
+    font-size: 20px;
+    line-height: 24px;
+  }
+
+  &__lable {
+    &-first,
+    &-second {
+      font-size: 15px;
+      line-height: 18px;
+      color: #000000;
+    }
+
+    &-first {
+      margin: 39px 0 10px 0;
+    }
+    &-second {
+      margin: 31px 0 10px 0;
+    }
+  }
+
+  &__input {
+    background: #eff2f7;
+    border-radius: 8px;
+    width: 373px;
+    height: 35px;
+    border: none;
+
+    input {
+      font-size: 15px;
+      background: #eff2f7;
+      height: 100%;
+      margin-left: 15px;
+      width: 85%;
+      border: none;
+      outline: none;
+    }
+  }
+}
+
+.partner-settings {
+  margin-bottom: 110px;
+
+  &__body {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    margin-top: 27px;
+  }
+
+  &__login {
+  }
+
+  &__report {
+  }
+
+  &__report,
+  &__login {
+    width: 500px;
+    height: 435px;
+    background: #ffffff;
+    border-radius: 12px;
+    padding: 30px 60px;
+  }
+}