forked from crowetic/commerce
Logo absolute centering
This commit is contained in:
parent
dca97063c9
commit
4387358451
@ -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%;
|
||||
}
|
||||
|
@ -19,7 +19,9 @@ const Navbar: FunctionComponent<Props> = ({ className }) => {
|
||||
All Clothes Accesories
|
||||
</nav>
|
||||
</div>
|
||||
<Logo />
|
||||
<span className={s.logoContainer}>
|
||||
<Logo />
|
||||
</span>
|
||||
<nav>
|
||||
<Avatar />
|
||||
</nav>
|
||||
|
Loading…
x
Reference in New Issue
Block a user