Undo Next Image version of logo

Reasons to undo:
- Currently broken in prod (a width/height would be needed)
- Specifying size is kind of annoying because we want it at two different size depending on responsiveness
- Next Image seems to help with progressive optimization for large raster images, not small vector SVGs.
This commit is contained in:
Austin Chen 2021-12-08 16:37:55 -08:00
parent 0d77a66503
commit b5145305e6

View File

@ -1,6 +1,5 @@
import { Popover } from '@headlessui/react' import { Popover } from '@headlessui/react'
import Link from 'next/link' import Link from 'next/link'
import Image from 'next/image'
const navigation = [ const navigation = [
{ {
@ -22,7 +21,7 @@ export function Header() {
<div className="flex items-center justify-between w-full md:w-auto"> <div className="flex items-center justify-between w-full md:w-auto">
<Link href="/"> <Link href="/">
<a className="inline-grid grid-flow-col align-items-center h-6 sm:h-10"> <a className="inline-grid grid-flow-col align-items-center h-6 sm:h-10">
<Image <img
className="w-auto h-6 sm:h-10 inline-block mr-3" className="w-auto h-6 sm:h-10 inline-block mr-3"
src="/logo-icon.svg" src="/logo-icon.svg"
/> />
@ -35,13 +34,8 @@ export function Header() {
<div className="space-x-8 md:flex md:ml-16"> <div className="space-x-8 md:flex md:ml-16">
{navigation.map((item) => ( {navigation.map((item) => (
<Link <Link key={item.name} href={item.href}>
key={item.name} <a className="text-base font-medium text-white hover:text-gray-300">
href={item.href}
>
<a
className="text-base font-medium text-white hover:text-gray-300"
>
{item.name} {item.name}
</a> </a>
</Link> </Link>