update styling
This commit is contained in:
parent
0958cca574
commit
f848013787
@ -14,7 +14,6 @@ const Header = (props) => {
|
||||
<header className="sticky top-0 z-999 flex w-full bg-white drop-shadow-1 dark:bg-boxdark dark:drop-shadow-none">
|
||||
<div className="flex flex-grow items-center py-4 px-4 shadow-2 md:px-6 2xl:px-11">
|
||||
<div className="flex items-center gap-2 sm:gap-4 lg:hidden">
|
||||
{/* <!-- Hamburger Toggle BTN --> */}
|
||||
<button
|
||||
aria-controls="sidebar"
|
||||
onClick={(e) => {
|
||||
@ -55,19 +54,15 @@ const Header = (props) => {
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
{/* <!-- Hamburger Toggle BTN --> */}
|
||||
|
||||
{/* <Link className="block flex-shrink-0 lg:hidden" to="/">
|
||||
<img src={Logo} alt="Logo" />
|
||||
</Link> */}
|
||||
</div>
|
||||
|
||||
<div className="ml-4 flex-1">
|
||||
<h1>Loan market / {props.routeName}</h1>
|
||||
</div>
|
||||
|
||||
<button onClick={() => handleLogoutClick()}>
|
||||
<h1>logout</h1>
|
||||
<button onClick={() => handleLogoutClick()} className='flex flex-row items-center'>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" className='w-4 h-4' viewBox="0 -960 960 960"><path d="M450-438v-406h60v406h-60Zm30 320q-74 0-139.5-28.5T226-224q-49-49-77.5-114.5T120-478q0-80 34-149.5T250-751l42 42q-53 43-82.5 102.5T180-478.022Q180-353 267.5-265.5 355-178 480-178q125.357 0 212.679-87.5Q780-353 780-478.022 780-547 750.5-607.5 721-668 670-709l43-42q60 51 93.5 122T840-478q0 74-28.5 139.5t-77 114.5q-48.5 49-114 77.5T480-118Z"/></svg>
|
||||
<h1 className='ml-2'>Log out</h1>
|
||||
</button>
|
||||
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@ -10,16 +10,13 @@ const Dashboard = () => {
|
||||
const dispatch = useDispatch();
|
||||
const navigate = useNavigate();
|
||||
const auth = useSelector(state => state.auth)
|
||||
const handleOnClick = () => {
|
||||
dispatch(logout())
|
||||
navigate("/")
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className='mb-6 flex flex-col-2 gap-3 flex-row justify-between'>
|
||||
<div>
|
||||
<h1>Dashboard</h1>
|
||||
<h3>User quantity</h3>
|
||||
<h1 className='font-semibold text-xl'>Dashboard</h1>
|
||||
<h3 className='text-md'>User quantity</h3>
|
||||
</div>
|
||||
{ auth.role_id != 2 &&
|
||||
<button className='bg-primary rounded justify-center hover:bg-opacity-70 text-gray font-medium px-4 py-3 flex'>
|
||||
@ -145,8 +142,8 @@ const Dashboard = () => {
|
||||
</div>
|
||||
</div>
|
||||
<div className='mb-5 mt-15'>
|
||||
<h2>Data & analytics</h2>
|
||||
<p>Show updates of post</p>
|
||||
<h1 className='font-semibold text-xl'>Data & analytics</h1>
|
||||
<h3 className='text-md'>Show updates of post</h3>
|
||||
</div>
|
||||
{/* container */}
|
||||
<div className='bg-white px-3 py-3 rounded'>
|
||||
@ -158,8 +155,8 @@ const Dashboard = () => {
|
||||
<div className='grid lg:grid-cols-2 py-2 gap-10' style={{ borderBottomWidth: 1, borderColor: '#ededed'}}>
|
||||
<div className='flex flex-row px-2 justify-between' style={{ borderLeftWidth: 4, borderRadius: 4, borderColor: '#68c0d9'}}>
|
||||
<div className='flex flex-col flex'>
|
||||
<p>Belum diproses</p>
|
||||
<p>9123</p>
|
||||
<p className='text-xs'>Belum diproses</p>
|
||||
<p>9,123</p>
|
||||
</div>
|
||||
<div style={{ width: '100px'}}>
|
||||
<SparkChart />
|
||||
@ -167,8 +164,8 @@ const Dashboard = () => {
|
||||
</div>
|
||||
<div className='flex flex-row justify-between px-2' style={{ borderLeftWidth: 4, borderRadius: 4, borderColor: '#f76c6b'}}>
|
||||
<div className='flex flex-col flex'>
|
||||
<p>Sudah diproses</p>
|
||||
<p>9123</p>
|
||||
<p className='text-xs'>Sudah diproses</p>
|
||||
<p>9,123</p>
|
||||
</div>
|
||||
<div style={{ width: '100px'}}>
|
||||
<SparkChart />
|
||||
@ -185,8 +182,8 @@ const Dashboard = () => {
|
||||
<div>
|
||||
<div className='flex flex-row px-2' style={{ borderLeftWidth: 4, borderRadius: 4, borderColor: '#fcc00c'}}>
|
||||
<div className='flex flex-col flex mr-10'>
|
||||
<p>Customer</p>
|
||||
<p>9123</p>
|
||||
<p className='text-xs'>Customer</p>
|
||||
<p>9,123</p>
|
||||
</div>
|
||||
<div style={{ width: '150px'}}>
|
||||
<SparkChart />
|
||||
|
||||
@ -42,7 +42,7 @@ const News = () => {
|
||||
<>
|
||||
<div className="flex flex-row justify-end">
|
||||
<button className='bg-primary rounded justify-center hover:bg-opacity-70 text-gray font-medium px-4 py-3 flex'>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" className="mr-3" style={{ alignSelf: 'center' }} fill="white" height="18" viewBox="0 -960 960 960" width="18"><path d="M730-400v-130H600v-60h130v-130h60v130h130v60H790v130h-60Zm-370-81q-66 0-108-42t-42-108q0-66 42-108t108-42q66 0 108 42t42 108q0 66-42 108t-108 42ZM40-160v-94q0-35 17.5-63.5T108-360q75-33 133.338-46.5 58.339-13.5 118.5-13.5Q420-420 478-406.5 536-393 611-360q33 15 51 43t18 63v94H40Zm60-60h520v-34q0-16-9-30.5T587-306q-71-33-120-43.5T360-360q-58 0-107.5 10.5T132-306q-15 7-23.5 21.5T100-254v34Zm260-321q39 0 64.5-25.5T450-631q0-39-25.5-64.5T360-721q-39 0-64.5 25.5T270-631q0 39 25.5 64.5T360-541Zm0-90Zm0 411Z" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" className="mr-3 w-6 h-6" style={{ alignSelf: 'center' }} fill="white" viewBox="0 -960 960 960" ><path d="M450-450H200v-60h250v-250h60v250h250v60H510v250h-60v-250Z"/></svg>
|
||||
Create News
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user