This commit is contained in:
Raja Oktafrianto
2025-04-15 16:16:03 +07:00
2 changed files with 92 additions and 90 deletions

View File

@ -42,10 +42,9 @@ const ListToolbar = () => {
return ( return (
<div className="card-header flex-wrap gap-2 border-b-0 px-5"> <div className="card-header flex-wrap gap-2 border-b-0 px-5">
<div className="flex flex-wrap gap-2 lg:gap-5 w-full"> <div className="flex flex-wrap gap-2 lg:gap-5 w-full justify-between items-center">
<div className="flex justify-between w-full items-center"> <div className="flex gap-3 items-center w-full md:w-auto">
<div className="flex w-[50%] gap-3 items-center"> <label className="input input-sm w-[160px]">
<label className="input input-sm w-1/3">
From From
<input <input
type="date" type="date"
@ -58,7 +57,7 @@ const ListToolbar = () => {
/> />
</label> </label>
<label className="input input-sm w-1/3"> <label className="input input-sm w-[160px]">
To To
<input <input
type="date" type="date"
@ -70,6 +69,9 @@ const ListToolbar = () => {
name="to" name="to"
/> />
</label> </label>
</div>
<div className="ml-auto">
<DefaultTooltip title={'Refresh'} placement={'top'}> <DefaultTooltip title={'Refresh'} placement={'top'}>
<Button <Button
variant="outline" variant="outline"
@ -90,8 +92,8 @@ const ListToolbar = () => {
</div> </div>
</div> </div>
</div> </div>
</div>
); );
}; };
export default ListToolbar; export default ListToolbar;

View File

@ -42,10 +42,9 @@ const ListToolbar = () => {
return ( return (
<div className="card-header flex-wrap gap-2 border-b-0 px-5"> <div className="card-header flex-wrap gap-2 border-b-0 px-5">
<div className="flex flex-wrap gap-2 lg:gap-5 w-full"> <div className="flex flex-wrap gap-2 lg:gap-5 w-full justify-between items-center">
<div className="flex justify-between w-full items-center"> <div className="flex gap-3 items-center w-full md:w-auto">
<div className="flex w-[50%] gap-3 items-center"> <label className="input input-sm w-[160px]">
<label className="input input-sm w-1/3">
From From
<input <input
type="date" type="date"
@ -58,7 +57,7 @@ const ListToolbar = () => {
/> />
</label> </label>
<label className="input input-sm w-1/3"> <label className="input input-sm w-[160px]">
To To
<input <input
type="date" type="date"
@ -70,6 +69,9 @@ const ListToolbar = () => {
name="to" name="to"
/> />
</label> </label>
</div>
<div className="ml-auto">
<DefaultTooltip title={'Refresh'} placement={'top'}> <DefaultTooltip title={'Refresh'} placement={'top'}>
<Button <Button
variant="outline" variant="outline"
@ -87,8 +89,6 @@ const ListToolbar = () => {
<KeenIcon icon="arrows-circle" /> <KeenIcon icon="arrows-circle" />
</Button> </Button>
</DefaultTooltip> </DefaultTooltip>
</div>
</div> </div>
</div> </div>
</div> </div>