diff options
Diffstat (limited to 'src/components/AppBar.js')
| -rw-r--r-- | src/components/AppBar.js | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/src/components/AppBar.js b/src/components/AppBar.js index 68a93f64..869e4fff 100644 --- a/src/components/AppBar.js +++ b/src/components/AppBar.js @@ -1,5 +1,4 @@ -import { HeartIcon, HomeIcon } from "@heroicons/react/24/outline"; -import { ChevronLeftIcon } from "@heroicons/react/24/solid"; +import { ArrowLeftIcon, HeartIcon, HomeIcon } from "@heroicons/react/24/outline"; import Head from "next/head"; import { useRouter } from "next/router"; import Link from "./Link"; @@ -12,12 +11,14 @@ const AppBar = ({ title }) => { <Head> <title>{ title } - Indoteknik</title> </Head> - <div className="flex justify-between px-4 py-5 border-b border-gray_r-6"> + <div className="flex justify-between pr-4 py-5 border-b border-gray_r-6 bg-gray_r-1"> {/* --- Start Title */} - <button type="button" onClick={() => router.back()} className="flex gap-x-2 items-center text-gray_r-12"> - <ChevronLeftIcon className="w-6 stroke-2"/> - <h1>{ title }</h1> - </button> + <div className="flex items-center"> + <button type="button" onClick={() => router.back()} className="text-gray_r-12 px-4"> + <ArrowLeftIcon className="w-6 stroke-2"/> + </button> + <h1 className="text-h-md">{ title }</h1> + </div> {/* --- End Title */} {/* --- Start Icons */} |