refactor(bookin card): changes to move the button to the right side

This commit is contained in:
2025-06-11 20:51:10 -05:00
parent 353960bd26
commit ed777437eb

View File

@@ -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>
); );