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:
parent
0d77a66503
commit
b5145305e6
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user