OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

fix margin between home icon and user bar

Browse source 
Oops, I attached the margin to the title, which meant that the home link _didn't_ get spaced away from "Hi, matchu!"
This commit is contained in:
Emi Matchu 2020-09-20 20:13:00 -07:00
parent c52b5f0039
commit baa3563abb
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/app/GlobalNavBar.js
View file

@ -15,14 +15,14 @@ function GlobalNavBar() {
return (
<Box display="flex" alignItems="center" flexWrap="wrap">
<HomeLink showArrow={!isHomePage} />
<HomeLink showArrow={!isHomePage} marginRight="2" />
<Box
display="flex"
alignItems="center"
opacity={isHomePage ? "0" : "1"}
transition="0.2s opacity"
>
<DressToImpressTitle marginLeft="2" />
<DressToImpressTitle />
</Box>
<Box marginLeft="auto">
<UserNavBarSection />
@ -31,7 +31,7 @@ function GlobalNavBar() {
);
}
function HomeLink({ showArrow }) {
function HomeLink({ showArrow, ...props }) {
return (
<Box
as={Link}
@ -44,6 +44,7 @@ function HomeLink({ showArrow }) {
opacity="0.8"
_hover={{ transform: "scale(1.1)", opacity: "1" }}
_focus={{ transform: "scale(1.1)", opacity: "1" }}
{...props}
>
<Box
position="absolute"