refactor(bookin card): changes to move the button to the right side
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
import { LstCard } from "@/components/extendedUI/LstCard";
|
import { LstCard } from "@/components/extendedUI/LstCard";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import { CardContent, CardFooter, CardHeader } from "@/components/ui/card";
|
import { CardContent, CardHeader } from "@/components/ui/card";
|
||||||
import { Input } from "@/components/ui/input";
|
import { Input } from "@/components/ui/input";
|
||||||
import { Label } from "@/components/ui/label";
|
import { Label } from "@/components/ui/label";
|
||||||
import { useForm } from "@tanstack/react-form";
|
import { useForm } from "@tanstack/react-form";
|
||||||
@@ -63,7 +63,7 @@ export default function Bookin() {
|
|||||||
}}
|
}}
|
||||||
children={(field) => {
|
children={(field) => {
|
||||||
return (
|
return (
|
||||||
<div className="m-2 min-w-48 max-w-96 p-2">
|
<div className="">
|
||||||
<Label htmlFor="runningNr" className="mb-2">
|
<Label htmlFor="runningNr" className="mb-2">
|
||||||
Runnning Number
|
Runnning Number
|
||||||
</Label>
|
</Label>
|
||||||
@@ -85,9 +85,7 @@ export default function Bookin() {
|
|||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</CardContent>
|
<div className="flex mt-2 justify-end">
|
||||||
<CardFooter>
|
|
||||||
<div className="flex justify-end">
|
|
||||||
<Button
|
<Button
|
||||||
onClick={form.handleSubmit}
|
onClick={form.handleSubmit}
|
||||||
disabled={bookingIn}
|
disabled={bookingIn}
|
||||||
@@ -95,7 +93,7 @@ export default function Bookin() {
|
|||||||
Book in
|
Book in
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</CardFooter>
|
</CardContent>
|
||||||
</form>
|
</form>
|
||||||
</LstCard>
|
</LstCard>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user