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 { .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 All Clothes Accesories
</nav> </nav>
</div> </div>
<Logo /> <span className={s.logoContainer}>
<Logo />
</span>
<nav> <nav>
<Avatar /> <Avatar />
</nav> </nav>