use small-sized image for home link icon

This commit is contained in:
Emi Matchu 2020-09-06 19:01:12 -07:00
parent 9d6ec247cf
commit 578d0c45f6
3 changed files with 4 additions and 3 deletions

View file

@ -6,8 +6,8 @@ import { ChevronLeftIcon, MoonIcon, SunIcon } from "@chakra-ui/icons";
import useCurrentUser from "./components/useCurrentUser"; import useCurrentUser from "./components/useCurrentUser";
// TODO: Replace with lower-res version import HomeLinkIcon from "../images/home-link-icon.png";
import HomepageSplashImg from "../images/homepage-splash.png"; import HomeLinkIcon2x from "../images/home-link-icon@2x.png";
function PageLayout({ children, hideHomeLink }) { function PageLayout({ children, hideHomeLink }) {
return ( return (
@ -47,7 +47,8 @@ function HomeLink() {
</Box> </Box>
<Box <Box
as="img" as="img"
src={HomepageSplashImg} src={HomeLinkIcon}
srcSet={`${HomeLinkIcon} 1x, ${HomeLinkIcon2x} 2x`}
alt="" alt=""
height="2em" height="2em"
width="2em" width="2em"

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB