diff options
| author | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-22 16:20:51 +0700 |
|---|---|---|
| committer | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-22 16:20:51 +0700 |
| commit | 07b30e319f5a6f51ff5b044840345e05a9deb931 (patch) | |
| tree | f2672dc32a37719e2ea67349f89314c6aef2d955 | |
| parent | 31d6352ab8855754ef18c01763d3c1b5a68de857 (diff) | |
no message
| -rw-r--r-- | src/components/AppBar.js | 6 | ||||
| -rw-r--r-- | src/pages/my/menu.js | 11 | ||||
| -rw-r--r-- | src/pages/my/profile.js | 2 |
3 files changed, 10 insertions, 9 deletions
diff --git a/src/components/AppBar.js b/src/components/AppBar.js index f22d630f..68a93f64 100644 --- a/src/components/AppBar.js +++ b/src/components/AppBar.js @@ -12,16 +12,16 @@ const AppBar = ({ title }) => { <Head> <title>{ title } - Indoteknik</title> </Head> - <div className="flex justify-between p-4 border-b border-gray_r-6"> + <div className="flex justify-between px-4 py-5 border-b border-gray_r-6"> {/* --- Start Title */} - <button type="button" onClick={() => router.back()} className="flex gap-x-2 text-gray_r-12"> + <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> {/* --- End Title */} {/* --- Start Icons */} - <div className="flex gap-x-3"> + <div className="flex gap-x-4"> <HeartIcon className="w-6 stroke-2"/> <Link href="/"> <HomeIcon className="w-6 stroke-2 text-gray_r-12"/> diff --git a/src/pages/my/menu.js b/src/pages/my/menu.js index 7454d8d1..4d8c956e 100644 --- a/src/pages/my/menu.js +++ b/src/pages/my/menu.js @@ -6,8 +6,7 @@ import { useAuth } from "../../helpers/auth"; import { ChevronRightIcon, Cog6ToothIcon, - DocumentTextIcon, - UserCircleIcon, UserIcon + UserIcon } from "@heroicons/react/24/outline"; const menus = [ @@ -25,9 +24,11 @@ export default function MyMenu() { <Layout> <AppBar title="Menu Utama" /> - <div className="p-4 flex gap-x-2 items-start bg-yellow_r-3 text-yellow_r-12"> - <div className="flex-1 flex gap-x-2 items-start"> - <UserCircleIcon className="w-6" /> + <div className="p-4 flex gap-x-2 items-center"> + <div className="flex-1 flex gap-x-2 items-center"> + <div className="p-2 bg-gray_r-4 rounded-full h-fit"> + <UserIcon className="w-6" /> + </div> <div> <h2>{ auth.name }</h2> <p className="text-yellow_r-12/80">{ auth.email }</p> diff --git a/src/pages/my/profile.js b/src/pages/my/profile.js index 44ccfebd..edde307f 100644 --- a/src/pages/my/profile.js +++ b/src/pages/my/profile.js @@ -36,7 +36,7 @@ export default function MyProfile() { <Layout> <AppBar title="Akun Saya" /> <form onSubmit={update} className="w-full px-4"> - { auth && ( + { auth?.id && ( <> <label className="form-label mt-4 mb-2">Email</label> <input |