generated from muhtadeetaron/nextjs-template
fix(ui): fix ui icons and readability
This commit is contained in:
@ -2,7 +2,7 @@
|
||||
|
||||
import React from "react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { BadgeCheck, ChevronLeft, Layers } from "lucide-react";
|
||||
import { ChevronLeft, Layers, RefreshCcw } from "lucide-react";
|
||||
import { Avatar, AvatarFallback } from "@/components/ui/avatar";
|
||||
import { useModal } from "@/context/ModalContext";
|
||||
import { useAuthStore } from "@/stores/authStore";
|
||||
@ -66,13 +66,18 @@ const Header = ({
|
||||
)}
|
||||
|
||||
{displayTabTitle && (
|
||||
<div className="flex items-center gap-3">
|
||||
<button onClick={handleBackClick} className="bg-none border-none p-1">
|
||||
<ChevronLeft size={24} color="white" />
|
||||
</button>
|
||||
<span className="text-md font-bold text-white">
|
||||
{displayTabTitle}
|
||||
</span>
|
||||
<div className="flex justify-between items-center w-full">
|
||||
<div className="flex items-center gap-3">
|
||||
<button
|
||||
onClick={handleBackClick}
|
||||
className="bg-none border-none p-1"
|
||||
>
|
||||
<ChevronLeft size={24} color="white" />
|
||||
</button>
|
||||
<span className="text-md font-bold text-white">
|
||||
{displayTabTitle}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user