feat: update indents

digitable-lol · Sep 2, 2024 · 93df0a3 · 93df0a3
1 parent ee15944
commit 93df0a3
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 14 deletions.
diff --git a/application/frontend/src/pages/project/Project.styled.tsx b/application/frontend/src/pages/project/Project.styled.tsx
@@ -9,11 +9,16 @@ export const Container = styled.div`
   gap: 16px;
 `
 
+export const NavButtonContainer = styled.div`
+  margin-top: 39px;
+`
+
 export const HeaderSection = styled.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
+  margin-top: 49px;
 `
 
 export const TitleSection = styled.div`
@@ -26,13 +31,17 @@ export const TitleSection = styled.div`
 export const CreateProjectContainer = styled.div`
   display: flex;
   justify-content: flex-end;
-  margin-top: 16px;
+`
+
+export const SearchBarContainer = styled.div`
+  margin-top: 37px;
 `
 
 export const ProjectList = styled.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
+  margin-top: 31px;
 `
 
 export const StyledTitle = styled.div`

diff --git a/application/frontend/src/pages/project/Project.tsx b/application/frontend/src/pages/project/Project.tsx
@@ -11,9 +11,10 @@ import { SearchBar } from "src/components/SearchBar"
 
 import {
   Container,
-  CreateProjectContainer,
   HeaderSection,
+  NavButtonContainer,
   ProjectList,
+  SearchBarContainer,
   StyledTitle,
   TitleSection,
 } from "./Project.styled"
@@ -40,27 +41,30 @@ export const ProjectPage: React.FC = () => {
 
   return (
     <Container>
-      <NavButton to="/projects" icon={<HomeIcon fontSize="small" />}>
-        Список проектов
-      </NavButton>
+      <NavButtonContainer>
+        <NavButton to="/projects" icon={<HomeIcon fontSize="small" />}>
+          Список проектов
+        </NavButton>
+      </NavButtonContainer>
       <HeaderSection>
         <TitleSection>
           <img src={settings} alt="Settings" style={{ width: 40, height: 40 }} />
           <StyledTitle>Список проектов</StyledTitle>
         </TitleSection>
-
         {/* <CreateProjectContainer>
           <CreateProjectButton onClick={() => console.log("Create Project")} />
         </CreateProjectContainer> */}
       </HeaderSection>
-      <SearchBar
-        searchQuery={searchQuery}
-        onSearchChange={handleSearchChange}
-        onClearSearch={handleClearSearch}
-        variant="outlined"
-        startIcon={<SearchIcon />}
-        placeholder="Search"
-      />
+      <SearchBarContainer>
+        <SearchBar
+          searchQuery={searchQuery}
+          onSearchChange={handleSearchChange}
+          onClearSearch={handleClearSearch}
+          variant="outlined"
+          startIcon={<SearchIcon />}
+          placeholder="Search"
+        />
+      </SearchBarContainer>
       <ProjectList>
         {filteredProjects.map((project) => (
           <ProjectCard key={project.id} project={project} />