MERMS/MermsFirstOffice
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

box dark mode bg added

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/components/products/ProductDetails.jsx
+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 ...'
src/components/products/ProductView.jsx
+2 -2
View File
@@ -38,7 +38,7 @@ export default function ProductView() {
<div className='flex flex-col gap-4'>
<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'>
<table className="py-2 w-full text-sm">
@@ -150,7 +150,7 @@ export default function ProductView() {
</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'>
<p className='text-lg'>Product Details</p>
<ProductDetails />