wind-explorer/ecoconnect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed ui design on admin pages

Browse Source
This commit is contained in:
ZacTohZY
2024-08-12 04:21:54 +08:00
parent 36ca8c08de
commit 22e778e907
9 changed files with 387 additions and 292 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/pages/CreateVoucherPage.tsx
View File

@@ -6,6 +6,7 @@ import InsertPostImage from "../components/InsertPostImage";
import NextUIFormikInput from "../components/NextUIFormikInput";
import { NextUIFormikDatePicker } from "../components/NextUIFormikDatePicker";
import instance from "../security/http";
import { ArrowUTurnLeftIcon } from "../icons";
// Validation schema
const validationSchema = Yup.object({
@@ -75,11 +76,11 @@ export default function CreateVoucherPage() {
};
return (
<div className="w-full h-full pb-12">
<div className="w-[680px] mx-auto p-6 bg-gray-100 dark:bg-gray-950 border border-primary-100 rounded-2xl">
<div className="w-full h-full pb-12 pt-10">
<div className="w-[350px] mx-auto p-6 bg-red-50 dark:bg-primary-950 border border-primary-100 rounded-2xl ">
<div className="py-2">
<Button variant="light" onPress={() => navigate(-1)}>
Back
<Button variant="light" isIconOnly onPress={() => navigate(-1)}>
<ArrowUTurnLeftIcon />
</Button>
</div>
<div className="flex-grow overflow-y-auto">
@@ -90,7 +91,7 @@ export default function CreateVoucherPage() {
>
{({ isValid, dirty, setFieldValue }) => (
<Form className="flex flex-col gap-4">
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-5 w-[280px]">
<InsertPostImage
onImageSelected={(file) => {
setFieldValue("brandLogo", file);
@@ -130,7 +131,7 @@ export default function CreateVoucherPage() {
labelPlacement="inside"
/>
</div>
<Button type="submit" color="primary" className="w-[100px]"
<Button type="submit" color="primary" className="w-[90px]"
isDisabled={!isValid || !dirty}>
Create
</Button>