fix: login address color fixes

ALI-SULAIMAN-ALI · Jul 5, 2023 · 513e37f · 513e37f
1 parent 194a09a
commit 513e37f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/src/ui-components/Address.tsx b/src/ui-components/Address.tsx
@@ -27,7 +27,7 @@ export enum EAddressOtherTextType {
 	CONNECTED='Connected',
 	COUNCIL='Council',
 	COUNCIL_CONNECTED='Council (Connected)',
-	LINKED_ADDRESS= 'Linked Address'
+	LINKED_ADDRESS= 'Linked'
 }
 
 interface Props {
@@ -254,12 +254,12 @@ const Address = ({ address, className, displayInline, disableIdenticon, extensio
 				}
 			</div>}
 			{
-				otherTextType? <p className={`m-0 flex items-center gap-x-1 ${otherTextClassName}`}>
+				otherTextType? <p className={`m-0 flex items-center gap-x-1 text-lightBlue leading-[15px] text-[10px] ${otherTextClassName}`}>
 					<span
-						className={classNames('w-2 h-2 rounded-full', {
-							'bg-blue-500 ': otherTextType === EAddressOtherTextType.COUNCIL,
-							'bg-green-500 ': [EAddressOtherTextType.CONNECTED, EAddressOtherTextType.COUNCIL_CONNECTED].includes(otherTextType),
-							'bg-red-500 ': otherTextType === EAddressOtherTextType.LINKED_ADDRESS
+						className={classNames('w-[6px] h-[6px] rounded-full', {
+							'bg-aye_green ': [EAddressOtherTextType.CONNECTED, EAddressOtherTextType.COUNCIL_CONNECTED].includes(otherTextType),
+							'bg-blue ': otherTextType === EAddressOtherTextType.COUNCIL,
+							'bg-nay_red': otherTextType === EAddressOtherTextType.LINKED_ADDRESS
 						})}
 					>
 					</span>

diff --git a/styles/globals.css b/styles/globals.css
@@ -10,6 +10,7 @@
   --black_primary: #2e2f30;
   --blue_primary: #4d9999;
   --blue_secondary: #ebf0f5;
+  --blue: #3C74E1;
   --green_primary: #4dd18f;
   --green_secondary: #399969;
   --grey_app_background: #eaeef0;

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -16,6 +16,7 @@ module.exports = {
 			},
 			colors: {
 				navBlue: 'var(--navBlue)',
+				blue: 'var(--blue)',
 				sidebarBlue: 'var(--sidebarBlue)',
 				bodyBlue: 'var(--bodyBlue)',
 				lightBlue: 'var(--lightBlue)',