footer layout

This commit is contained in:
Victor Batischev 2024-02-15 14:29:00 +03:00
parent 42cae241f2
commit 26b27129fd
36 changed files with 183 additions and 140 deletions

View File

@ -1,6 +1,6 @@
import React from "react"; import React from "react";
import { getCorrectDate } from "@components/Calendar/calendarHelper"; import { getCorrectDate } from "@utils/calendarHelper";
import "./archiveTasksItem.scss"; import "./archiveTasksItem.scss";

View File

@ -13,7 +13,7 @@ import rectangle from "assets/images/rectangle_secondPage.png";
import CalendarComponent from "./CalendarComponent"; import CalendarComponent from "./CalendarComponent";
import "./calendar.scss"; import "./calendar.scss";
import { currentMonth } from "./calendarHelper"; import { currentMonth } from "../../utils/calendarHelper";
const Calendar = () => { const Calendar = () => {
if (localStorage.getItem("role_status") !== "18") { if (localStorage.getItem("role_status") !== "18") {

View File

@ -7,7 +7,7 @@ import ellipse from "assets/icons/ellipse.png";
import rectangle from "assets/images/rectangle__calendar.png"; import rectangle from "assets/images/rectangle__calendar.png";
import "./calendarComponent.scss"; import "./calendarComponent.scss";
import { calendarHelper, currentMonthAndDay } from "./calendarHelper"; import { calendarHelper, currentMonthAndDay } from "../../utils/calendarHelper";
const CalendarComponent = ({ onSelect }) => { const CalendarComponent = ({ onSelect }) => {
const [value, setValue] = useState(moment()); const [value, setValue] = useState(moment());

View File

@ -43,7 +43,7 @@ import send from "assets/icons/send.svg";
import watch from "assets/icons/watch.svg"; import watch from "assets/icons/watch.svg";
import avatarMok from "assets/images/avatarMok.png"; import avatarMok from "assets/images/avatarMok.png";
import { getCorrectDate } from "../../../Calendar/calendarHelper"; import { getCorrectDate } from "../../../../utils/calendarHelper";
import "./modalTicket.scss"; import "./modalTicket.scss";
registerLocale("ru", ru); registerLocale("ru", ru);

View File

@ -21,7 +21,7 @@ import { apiRequest } from "@api/request";
import { useNotification } from "@hooks/useNotification"; import { useNotification } from "@hooks/useNotification";
import { getCorrectDate } from "@components/Calendar/calendarHelper"; import { getCorrectDate } from "@utils/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import FileTracker from "@components/FileTracker/FileTracker"; import FileTracker from "@components/FileTracker/FileTracker";

View File

@ -28,7 +28,7 @@ import { apiRequest } from "@api/request";
import { useNotification } from "@hooks/useNotification"; import { useNotification } from "@hooks/useNotification";
import { getCorrectDate } from "@components/Calendar/calendarHelper"; import { getCorrectDate } from "@utils/calendarHelper";
import BaseButton from "@components/Common/BaseButton/BaseButton"; import BaseButton from "@components/Common/BaseButton/BaseButton";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import ModalLayout from "@components/Common/ModalLayout/ModalLayout"; import ModalLayout from "@components/Common/ModalLayout/ModalLayout";

View File

@ -16,7 +16,7 @@ import { urlForLocal } from "@utils/helper";
import { apiRequest } from "@api/request"; import { apiRequest } from "@api/request";
import { getReports } from "@components/Calendar/calendarHelper"; import { getReports } from "@utils/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";

View File

@ -23,7 +23,7 @@ import {
getCorrectDate, getCorrectDate,
getReports, getReports,
hourOfNum hourOfNum
} from "@components/Calendar/calendarHelper"; } from "@utils/calendarHelper";
import BaseButton from "@components/Common/BaseButton/BaseButton"; import BaseButton from "@components/Common/BaseButton/BaseButton";
import arrow from "assets/icons/arrows/arrowCalendar.png"; import arrow from "assets/icons/arrows/arrowCalendar.png";

View File

@ -26,7 +26,7 @@ import {
getCorrectDate, getCorrectDate,
getCreatedDate, getCreatedDate,
hourOfNum hourOfNum
} from "../Calendar/calendarHelper"; } from "../../utils/calendarHelper";
import "./reportForm.scss"; import "./reportForm.scss";
registerLocale("ru", ru); registerLocale("ru", ru);

View File

@ -1,8 +1,13 @@
.report-form { .report-form {
background: #f1f1f1; background: #f1f1f1;
min-height: 100vh; min-height: 100vh;
display: flex;
flex-direction: column;
.container { .container {
display: flex;
flex-direction: column;
flex: 1;
max-width: 1160px; max-width: 1160px;
margin-top: 23px; margin-top: 23px;

View File

@ -14,7 +14,7 @@ import {
getCorrectDate, getCorrectDate,
getCreatedDate, getCreatedDate,
hourOfNum hourOfNum
} from "@components/Calendar/calendarHelper"; } from "@utils/calendarHelper";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import "./shortReport.scss"; import "./shortReport.scss";

View File

@ -6,7 +6,7 @@ import { urlForLocal } from "@utils/helper";
import { apiRequest } from "@api/request"; import { apiRequest } from "@api/request";
import { getCorrectDate } from "@components/Calendar/calendarHelper"; import { getCorrectDate } from "@utils/calendarHelper";
import TrackerTaskSubComment from "@components/TrackerTaskComment/TrackerTaskComment"; import TrackerTaskSubComment from "@components/TrackerTaskComment/TrackerTaskComment";
import del from "assets/icons/delete.svg"; import del from "assets/icons/delete.svg";

View File

@ -13,7 +13,7 @@ import { urlForLocal } from "@utils/helper";
import { apiRequest } from "@api/request"; import { apiRequest } from "@api/request";
import { getCorrectDate } from "@components/Calendar/calendarHelper"; import { getCorrectDate } from "@utils/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import ModalLayout from "@components/Common/ModalLayout/ModalLayout"; import ModalLayout from "@components/Common/ModalLayout/ModalLayout";

View File

@ -5,6 +5,7 @@
min-height: 100vh; min-height: 100vh;
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -7,7 +7,7 @@ import { getRequestDates, setRequestDate } from "@redux/reportSlice";
import { apiRequest } from "@api/request"; import { apiRequest } from "@api/request";
import { getReports } from "@components/Calendar/calendarHelper"; import { getReports } from "@utils/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";

View File

@ -5,6 +5,7 @@
min-height: 100vh; min-height: 100vh;
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -167,6 +167,7 @@
} }
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -5,6 +5,7 @@
min-height: 100vh; min-height: 100vh;
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -378,6 +378,7 @@
} }
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -144,6 +144,7 @@
} }
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -2,7 +2,9 @@ import React from "react";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader"; import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
import { Footer } from "@components/common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import "./payouts.scss";
export const Payouts = () => { export const Payouts = () => {
return ( return (

View File

@ -0,0 +1,13 @@
.payouts {
display: flex;
flex-direction: column;
min-height: 100vh;
background: #f1f1f1;
.container {
max-width: 1160px;
display: flex;
flex-direction: column;
flex: 1;
}
}

View File

@ -4,6 +4,7 @@
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
&__container { &__container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0 auto 42px auto; margin: 0 auto 42px auto;

View File

@ -58,7 +58,7 @@ import accept from "assets/images/accept.png";
import archive from "assets/images/archiveIcon.png"; import archive from "assets/images/archiveIcon.png";
import avatarMok from "assets/images/avatarMok.png"; import avatarMok from "assets/images/avatarMok.png";
import { getCorrectDate } from "../../components/Calendar/calendarHelper"; import { getCorrectDate } from "../../utils/calendarHelper";
export const ProjectTracker = () => { export const ProjectTracker = () => {
const dispatch = useDispatch(); const dispatch = useDispatch();

View File

@ -5,6 +5,7 @@
flex-direction: column; flex-direction: column;
&__container { &__container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
@ -76,6 +77,7 @@
} }
&__container { &__container {
max-width: 1160px;
display: flex; display: flex;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
flex: 1 1 auto; flex: 1 1 auto;
@ -98,6 +100,8 @@
flex-direction: column; flex-direction: column;
&__container { &__container {
max-width: 1160px;
flex-direction: column;
display: flex; display: flex;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
flex: 1 1 auto; flex: 1 1 auto;
@ -136,6 +140,7 @@
flex-direction: column; flex-direction: column;
&__container { &__container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;

View File

@ -9,6 +9,7 @@ import { copyProjectLink } from "@utils/helper";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";
import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs"; import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader"; import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
import { Footer } from "@components/Common/Footer/Footer";
import arrow from "assets/icons/arrows/arrowCalendar.png"; import arrow from "assets/icons/arrows/arrowCalendar.png";
import emailImg from "assets/icons/emailStatistics.svg"; import emailImg from "assets/icons/emailStatistics.svg";
@ -71,7 +72,6 @@ const Statistics = () => {
/> />
<h2 className="tracker__title">Управление проектами с трекером</h2> <h2 className="tracker__title">Управление проектами с трекером</h2>
</div> </div>
</div>
<div className="tracker__tabs"> <div className="tracker__tabs">
<div className="tracker__tabs__head"> <div className="tracker__tabs__head">
<Link <Link
@ -202,6 +202,8 @@ const Statistics = () => {
</div> </div>
</div> </div>
</div> </div>
<Footer />
</div>
); );
}; };

View File

@ -4,6 +4,13 @@
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
.container {
max-width: 1160px;
display: flex;
flex-direction: column;
flex: 1;
}
&-header { &-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

View File

@ -510,6 +510,7 @@
} }
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -10,7 +10,7 @@ import {
getCorrectDate, getCorrectDate,
getCreatedDate, getCreatedDate,
hourOfNum hourOfNum
} from "@components/Calendar/calendarHelper"; } from "@utils/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";

View File

@ -5,6 +5,7 @@
min-height: 100vh; min-height: 100vh;
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;