diff --git a/application/frontend/src/pages/report/Report.styled.tsx b/application/frontend/src/pages/report/Report.styled.tsx index cbdd534..89192f0 100644 --- a/application/frontend/src/pages/report/Report.styled.tsx +++ b/application/frontend/src/pages/report/Report.styled.tsx @@ -34,8 +34,17 @@ export const TitleSection = styled.div` gap: 16px; flex: 1; ` + export const StyledTitle = styled.div` font-size: 34px; font-weight: 600; color: rgba(29, 27, 32, 1); ` + +export const SearchViewContainer = styled.div` + display: flex; + align-items: center; + justify-content: center; + gap: 16px; + margin-bottom: 24px; +` diff --git a/application/frontend/src/pages/report/Report.tsx b/application/frontend/src/pages/report/Report.tsx index 064566d..7f82931 100644 --- a/application/frontend/src/pages/report/Report.tsx +++ b/application/frontend/src/pages/report/Report.tsx @@ -12,7 +12,13 @@ import ReportsTable from "src/components/ReportsTable/ReportsTable" import { SearchBar } from "src/components/SearchBar" import { ViewModeToggle } from "src/components/ViewModeToggle" -import { Header, StyledContainer, StyledTitle, Title, TitleSection } from "./Report.styled" +import { + Header, + SearchViewContainer, + StyledContainer, + StyledTitle, + TitleSection, +} from "./Report.styled" const stageColors = { Initial: "rgba(0, 122, 255, 1)", @@ -112,7 +118,6 @@ export const ReportPage: React.FC = () => { /Проект название проекта
- <> Stack Список проектов @@ -122,12 +127,14 @@ export const ReportPage: React.FC = () => {
- - {" "} + + + + {viewMode === "list" ? ( ) : (