replace fontawesome icons with ionicons 5

This commit is contained in:
m5r
2021-09-08 04:59:38 +08:00
parent 8e856ffb92
commit 9ec73d6cf4
19 changed files with 60 additions and 90 deletions

View File

@ -2,7 +2,7 @@ import { Fragment, useState, useRef, useEffect } from "react";
import type { LinkProps } from "blitz";
import { Link, Routes } from "blitz";
import { Dialog, Transition } from "@headlessui/react";
import { XIcon } from "@heroicons/react/outline";
import { IoClose } from "react-icons/io5";
function Header() {
return (
@ -198,7 +198,7 @@ function MobileNav() {
onClick={() => setMobileNavOpen(false)}
>
<span className="sr-only">Close panel</span>
<XIcon className="h-6 w-6" aria-hidden="true" />
<IoClose className="h-6 w-6" aria-hidden="true" />
</button>
</div>
</div>

View File

@ -1,4 +1,4 @@
import { XIcon } from "@heroicons/react/outline";
import { IoClose } from "react-icons/io5";
export default function ReferralBanner() {
// TODO
@ -8,7 +8,7 @@ export default function ReferralBanner() {
}
return (
<div className="relative bg-primary-600">
<div className="relative bg-primary-600 z-40">
<div className="max-w-7xl mx-auto py-3 px-3 sm:px-6 lg:px-8">
<div className="pr-16 sm:text-center sm:px-16">
<p className="font-medium text-white">
@ -27,7 +27,7 @@ export default function ReferralBanner() {
className="flex p-2 rounded-md hover:bg-primary-500 focus:outline-none focus:ring-2 focus:ring-white"
>
<span className="sr-only">Dismiss</span>
<XIcon className="h-6 w-6 text-white" aria-hidden="true" />
<IoClose className="h-6 w-6 text-white" aria-hidden="true" />
</button>
</div>
</div>