fix: Improve NavButton

digitable-lol · Sep 2, 2024 · 69e15fc · 69e15fc
1 parent 4e8153c
commit 69e15fc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/application/frontend/src/components/NavButton/NavButton.styled.ts b/application/frontend/src/components/NavButton/NavButton.styled.ts
@@ -8,9 +8,15 @@ export const StyledBreadcrumb = styled(Chip)(({ theme }) => {
     backgroundColor,
     height: theme.spacing(3),
     color: theme.palette.text.primary,
-    fontWeight: theme.typography.fontWeightRegular,
+    fontWeight: 400,
+    fontSize: "13px",
+    alignItems: "center",
+    justifyContent: "center",
     display: "inline-flex",
     whiteSpace: "nowrap",
+    padding: "4px 12px 4px 8px",
+    gap: "4px",
+
     maxWidth: "fit-content",
     "&:hover, &:focus": {
       backgroundColor: emphasize(backgroundColor, 0.06),

diff --git a/application/frontend/src/pages/project/Project.tsx b/application/frontend/src/pages/project/Project.tsx
@@ -40,18 +40,18 @@ export const ProjectPage: React.FC = () => {
 
   return (
     <Container>
-      <NavButton to="/" icon={<HomeIcon fontSize="small" />}>
-        Home
+      <NavButton to="/projects" icon={<HomeIcon fontSize="small" />}>
+        Список проектов
       </NavButton>
       <HeaderSection>
         <TitleSection>
           <img src={settings} alt="Settings" style={{ width: 40, height: 40 }} />
           <StyledTitle>Список проектов</StyledTitle>
         </TitleSection>
 
-        <CreateProjectContainer>
+        {/* <CreateProjectContainer>
           <CreateProjectButton onClick={() => console.log("Create Project")} />
-        </CreateProjectContainer>
+        </CreateProjectContainer> */}
       </HeaderSection>
       <SearchBar
         searchQuery={searchQuery}