4
0
forked from crowetic/commerce

Logo absolute centering

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

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%;
}

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>