mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace fontawesome icons with ionicons 5

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
app/public-area/components/header.tsx
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>

6
app/public-area/components/referral-banner.tsx
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>

10
app/public-area/pages/roadmap.tsx
View File

@ -1,8 +1,6 @@
import type { BlitzPage } from "blitz";
import clsx from "clsx";
import { CheckIcon, XIcon, TerminalIcon } from "@heroicons/react/solid";
import { formatDate } from "../../core/helpers/date-formatter";
import { IoClose, IoCheckmark, IoCodeSlash } from "react-icons/io5";
import Layout from "../components/layout";
@ -30,11 +28,11 @@ const Roadmap: BlitzPage = () => {
)}
>
{isDone ? (
<CheckIcon className="h-5 w-5 text-white" aria-hidden="true" />
<IoCheckmark className="h-5 w-5 text-white" aria-hidden="true" />
) : isInProgress ? (
<TerminalIcon className="h-5 w-5 text-white" aria-hidden="true" />
<IoCodeSlash className="h-5 w-5 text-white" aria-hidden="true" />
) : (
<XIcon className="h-5 w-5 text-white" aria-hidden="true" />
<IoClose className="h-5 w-5 text-white" aria-hidden="true" />
)}
</span>
</div>