cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Logo absolute centering

Browse Source
This commit is contained in:
Belen Curcio 2020-09-24 10:56:52 -03:00
parent dca97063c9
commit 4387358451
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/Navbar/Navbar.module.css
View File

@ -3,5 +3,10 @@
}
.container {
@apply flex justify-between items-center flex-row px-4 border-black border-l border-r h-20;
@apply flex justify-between items-center flex-row px-4 border-black border-l border-r h-20 relative;
}
.logoContainer {
@apply absolute transform -translate-x-1/2;
left: 50%;
}

4
components/Navbar/Navbar.tsx
View File

@ -19,7 +19,9 @@ const Navbar: FunctionComponent<Props> = ({ className }) => {
All Clothes Accesories
</nav>
</div>
<Logo />
<span className={s.logoContainer}>
<Logo />
</span>
<nav>
<Avatar />
</nav>