box dark mode bg added

This commit was merged in pull request #26.
This commit is contained in:
victorAnumudu
2025-10-07 19:37:38 +01:00
parent e508e7cffa
commit b31650e5f7
2 changed files with 5 additions and 5 deletions
+3 -3
View File
@@ -51,14 +51,14 @@ export default function ProductDetails() {
{(props) => (
<Form>
<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='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'}`}>
Details
</label>
<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}
id='custom_id'
placeholder='Enter your description text here ...'
@@ -72,7 +72,7 @@ export default function ProductDetails() {
Sales Text
</label>
<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}
id='provision_name'
placeholder='Enter your description text here ...'