Added product view endpoint #26
@@ -51,14 +51,14 @@ export default function ProductDetails() {
|
|||||||
{(props) => (
|
{(props) => (
|
||||||
<Form>
|
<Form>
|
||||||
<div
|
<div
|
||||||
className='flex flex-col w-full bg-white rounded-xl p-16 sm:px-20 sm:py-16 shadow'>
|
className='flex flex-col w-full bg-white dark:bg-black-box text-black-body dark:text-white-body rounded-xl p-16 sm:px-20 sm:py-16 shadow'>
|
||||||
<div className='w-full flex flex-col gap-4'>
|
<div className='w-full flex flex-col gap-4'>
|
||||||
<div className='relative text-input flex flex-col sm:flex-row gap-2 sm:items-center'>
|
<div className='relative text-input flex flex-col sm:flex-row gap-2 sm:items-center'>
|
||||||
<label className={`text-base min-w-36 text-end sm:text-left ${(props.errors.custom_id && props.touched.custom_id) && 'text-red-500'}`}>
|
<label className={`text-base min-w-36 text-end sm:text-left ${(props.errors.custom_id && props.touched.custom_id) && 'text-red-500'}`}>
|
||||||
Details
|
Details
|
||||||
</label>
|
</label>
|
||||||
<textarea
|
<textarea
|
||||||
className='p-4 w-full resize-none border outline-none ring-0'
|
className='p-4 w-full resize-none border outline-none ring-0 dark:bg-transparent dark:border-white-light'
|
||||||
rows={4}
|
rows={4}
|
||||||
id='custom_id'
|
id='custom_id'
|
||||||
placeholder='Enter your description text here ...'
|
placeholder='Enter your description text here ...'
|
||||||
@@ -72,7 +72,7 @@ export default function ProductDetails() {
|
|||||||
Sales Text
|
Sales Text
|
||||||
</label>
|
</label>
|
||||||
<textarea
|
<textarea
|
||||||
className='p-4 w-full resize-none border outline-none ring-0'
|
className='p-4 w-full resize-none border outline-none ring-0 dark:bg-transparent dark:border-white-light'
|
||||||
rows={4}
|
rows={4}
|
||||||
id='provision_name'
|
id='provision_name'
|
||||||
placeholder='Enter your description text here ...'
|
placeholder='Enter your description text here ...'
|
||||||
|
|||||||
@@ -38,7 +38,7 @@ export default function ProductView() {
|
|||||||
|
|
||||||
<div className='flex flex-col gap-4'>
|
<div className='flex flex-col gap-4'>
|
||||||
<div className='flex flex-col gap-2'>
|
<div className='flex flex-col gap-2'>
|
||||||
<p className='text-lg'>Product Configuration</p>
|
<p className='text-lg dark:text-white-light'>Product Configuration</p>
|
||||||
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
|
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
|
||||||
|
|
||||||
<table className="py-2 w-full text-sm">
|
<table className="py-2 w-full text-sm">
|
||||||
@@ -150,7 +150,7 @@ export default function ProductView() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body' style={{backgroundColor: 'aliceblue'}}>
|
<div className='box bg-[aliceblue] dark:bg-black-box text-black-body dark:text-white-body'>
|
||||||
<div className='flex flex-col gap-2'>
|
<div className='flex flex-col gap-2'>
|
||||||
<p className='text-lg'>Product Details</p>
|
<p className='text-lg'>Product Details</p>
|
||||||
<ProductDetails />
|
<ProductDetails />
|
||||||
|
|||||||
Reference in New Issue
Block a user