feat : updated button hover color

MyriadFlow · Aug 21, 2024 · 6ee3bab · 6ee3bab
1 parent d1173c0
commit 6ee3bab
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 16 deletions.
diff --git a/src/app/create-phygital-detail/page.tsx b/src/app/create-phygital-detail/page.tsx
@@ -439,7 +439,7 @@ export default function CreatePhygitalDetail() {
 							<div>
 								<Button
 									type='submit'
-									className='bg-[#30D8FF] rounded-full text-black'
+									className='bg-[#30D8FF] rounded-full hover:text-white text-black'
 								>
 									{loading ? 'loading' : 'Next'}
 								</Button>

diff --git a/src/app/create-phygital/page.tsx b/src/app/create-phygital/page.tsx
@@ -301,7 +301,7 @@ export default function CreatePhygital() {
 							/>
 							<div>
 								<Label className='text-xl mb-6'>
-									Categories
+									Categories &nbsp; &nbsp;
 									<span className='text-[#757575] text-base'>
 										Choose all that apply <Checkbox checked={true} />
 									</span>
@@ -501,7 +501,7 @@ export default function CreatePhygital() {
 
 							<Button
 								type='submit'
-								className='w-fit bg-[#30D8FF] rounded-full text-black'
+								className='w-fit bg-[#30D8FF] rounded-full hover:text-white text-black'
 							>
 								{loading ? 'loading' : 'Next'}
 							</Button>

diff --git a/src/app/create-webxr-experience/page.tsx b/src/app/create-webxr-experience/page.tsx
@@ -549,7 +549,7 @@ export default function CreateWebxrExperience() {
 									/>
 								</div>
 							</div>
-							<Button className='bg-[#30D8FF] rounded-full text-black'>
+							<Button className='bg-[#30D8FF] rounded-full hover:text-white text-black'>
 								{loading ? 'loading ' : 'Review phygital & WebXR'}
 							</Button>
 						</div>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -140,7 +140,7 @@ export default function Home() {
           <div className='p-8'>
             <div className='absolute top-0 right-0 mt-10 mr-8'>
               <Link href='/create-brand'>
-                <Button className='bg-[#30D8FF] rounded-full text-black'>
+                <Button className='bg-[#30D8FF] rounded-full hover:text-white text-black'>
                   Create Brand
                 </Button>
               </Link>
@@ -161,7 +161,7 @@ export default function Home() {
                     You have not created any brands yet. Ready to start your journey?
                   </p>
                   <Link href='/create-brand'>
-                    <Button className='bg-[#30D8FF] rounded-full text-black'>
+                    <Button className='bg-[#30D8FF] rounded-full hover:text-white text-black'>
                       Create Brand
                     </Button>
                   </Link>

diff --git a/src/app/review/page.tsx b/src/app/review/page.tsx
@@ -389,7 +389,7 @@ export default function Review() {
 						className={`${activeButton === 'phygital'
 							? 'bg-[#4187D6] text-white'
 							: 'bg-transparent'
-							}  border border-black text-black`}
+							}  border border-black text-black hover:text-white`}
 						onClick={() => handleButtonClick('phygital')}
 					>
 						Phygital
@@ -398,7 +398,7 @@ export default function Review() {
 						className={`${activeButton === 'phygital-details'
 							? 'bg-[#4187D6] text-white'
 							: 'bg-transparent'
-							}  border border-black text-black`}
+							}  border border-black text-black hover:text-white`}
 						onClick={() => handleButtonClick('phygital-details')}
 					>
 						Additional Details
@@ -407,7 +407,7 @@ export default function Review() {
 						className={`${activeButton === 'webxr'
 							? 'bg-[#4187D6] text-white'
 							: 'bg-transparent'
-							}  border border-black text-black`}
+							}  border border-black text-black hover:text-white`}
 						onClick={() => handleButtonClick('webxr')}
 					>
 						WebXR Experience
@@ -454,7 +454,7 @@ export default function Review() {
 							<h2>Category</h2>
 							<div className='bg-[#0000001A] rounded p-8 flex flex-wrap gap-12'>
 								{editableData.category?.map((category: string | number | bigint | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode> | null | undefined, index: Key | null | undefined) => (
-									<Button key={index} className='bg-white rounded-full text-black'>
+									<Button key={index} className='bg-white rounded-full hover:text-white  text-black'>
 										{category}
 									</Button>
 								))}
@@ -508,10 +508,10 @@ export default function Review() {
 							/>
 						</div>
 						<div className='flex mt-6'>
-							<Button className='text-black bg-[#30D8FF] rounded-lg ' onClick={handleEditClick}>
+							<Button className='text-black bg-[#30D8FF] hover:text-white rounded-lg ' onClick={handleEditClick}>
 								{isEditing ? 'Save' : 'Edit'}
 							</Button>
-							<Button className='text-black bg-[#30D8FF] rounded-lg ml-8' onClick={() => handleButtonClick('phygital-details')}>
+							<Button className='text-black bg-[#30D8FF] hover:text-white rounded-lg ml-8' onClick={() => handleButtonClick('phygital-details')}>
 								Confirm
 							</Button>
 						</div>
@@ -602,10 +602,10 @@ export default function Review() {
 								</div>
 							</div>
 							<div className='flex'>
-								<Button className='text-black bg-[#30D8FF] rounded-lg ' onClick={handleEditClick}>
+								<Button className='text-black bg-[#30D8FF] hover:text-white rounded-lg ' onClick={handleEditClick}>
 									{isEditing ? 'Save' : 'Edit'}
 								</Button>
-								<Button className='text-black bg-[#30D8FF] rounded-lg ml-8' onClick={() => handleButtonClick('webxr')}>
+								<Button className='text-black bg-[#30D8FF] hover:text-white rounded-lg ml-8' onClick={() => handleButtonClick('webxr')}>
 									Confirm
 								</Button>
 
@@ -655,7 +655,7 @@ export default function Review() {
 								</h2>
 								<div className='bg-[#0000001A] rounded p-8 flex flex-wrap gap-12 mt-2'>
 									{parsedWebxrData.customizations?.map((customizations: string | number | bigint | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode> | null | undefined, index: Key | null | undefined) => (
-										<Button key={index} className='bg-white rounded-full text-black'>
+										<Button key={index} className='bg-white rounded-full hover:text-white text-black'>
 											{customizations}
 										</Button>
 									))}
@@ -716,7 +716,7 @@ export default function Review() {
 								</div>
 							</div>
 							<div className='flex justify-between'>
-								<Button className='text-black bg-[#30D8FF] rounded-lg '
+								<Button className='text-black bg-[#30D8FF] hover:text-white rounded-lg '
 									onClick={sendPostRequests}>
 									Launch
 								</Button>