update bug

ALI-SULAIMAN-ALI · Nov 3, 2023 · 5a83b93 · 5a83b93
1 parent 4b78cad
commit 5a83b93
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 5 deletions.
diff --git a/src/components/AppLayout/NavHeader.tsx b/src/components/AppLayout/NavHeader.tsx
@@ -136,7 +136,7 @@ const NavHeader = ({ className, sidedrawer, setSidedrawer, displayName, isVerifi
 					className='custom-link'
 				>
 					<span className='flex items-center gap-x-2 text-sm font-medium text-bodyBlue hover:text-pink_primary dark:text-blue-dark-high dark:hover:text-pink-dark-primary'>
-						{theme === 'dark' ? <PolkasafeWhiteIcon className='scale-[1.7]' /> : <PolkaSafe />}
+						{theme === 'dark' ? <PolkasafeWhiteIcon className='relative left-[2px] scale-[1.9]' /> : <PolkaSafe />}
 						<span>Polkasafe</span>
 					</span>
 				</a>
@@ -228,6 +228,7 @@ const NavHeader = ({ className, sidedrawer, setSidedrawer, displayName, isVerifi
 
 	const MenuDropdown = ({ children }: { children: ReactNode }) => (
 		<Dropdown
+			overflow={false}
 			menu={{ items: menudropDownItems }}
 			trigger={['click']}
 			overlayClassName='navbar-dropdowns'

diff --git a/src/components/Home/News.tsx b/src/components/Home/News.tsx
@@ -13,7 +13,6 @@ interface INewsProps {
 const News: FC<INewsProps> = (props) => {
 	const { twitter } = props;
 	const { resolvedTheme: theme } = useTheme();
-	console.log(theme, 'this is theme, in twitter');
 	let profile = 'polkadot';
 	if (twitter) {
 		profile = twitter.split('/')[3];

diff --git a/src/components/OpenGovTreasuryProposal/DecisionDepositCard.tsx b/src/components/OpenGovTreasuryProposal/DecisionDepositCard.tsx
@@ -482,7 +482,7 @@ const DecisionDepositCard = ({ className, trackName }: Props) => {
 											Decision Deposit
 											<HelperTooltip text='Decision deposit should be paid before completion of the decision period for a proposal to pass. It can be paid by anyone.' />
 										</span>
-										<span className='rounded-[16px] bg-[#EDEFF3] px-3 py-0.5 text-sm font-semibold tracking-wide text-bodyBlue dark:text-blue-dark-high'>
+										<span className='rounded-[16px] bg-[#EDEFF3] px-3 py-0.5 text-sm font-semibold tracking-wide text-bodyBlue dark:bg-section-dark-background dark:text-blue-dark-high'>
 											{formatedBalance(balance.toString(), unit)} {unit}
 										</span>
 									</div>

diff --git a/src/ui-components/Dropdown/index.tsx b/src/ui-components/Dropdown/index.tsx
@@ -10,9 +10,9 @@ export const Dropdown = (props: any) => {
 			{...props}
 			overlayClassName={`dark:bg-section-dark-overlay dark:border-separatorDark dark:rounded-lg dark:text-white ${
 				props.theme == 'dark'
-					? '[&>ul]:bg-section-dark-background [&>ul>li]:text-white [&>ul>.ant-dropdown-menu-item-selected]:bg-section-dark-background [&>ul>.ant-dropdown-menu-item-selected]:text-[#5A1138] hover:[&>ul>li]:bg-section-dark-background hover:[&>ul>li]:text-pink-dark-primary'
+					? '[&>ul]:bg-section-dark-garyBackground [&>ul>li]:text-white [&>ul>.ant-dropdown-menu-item-selected]:bg-section-dark-garyBackground [&>ul>.ant-dropdown-menu-item-selected]:text-[#5A1138] hover:[&>ul>li]:bg-section-dark-garyBackground hover:[&>ul>li]:text-pink-dark-primary'
 					: ''
-			} z-[2000]`}
+			} z-[2000] ${props.overflow ? '' : '[&>ul]:overflow-hidden'}`}
 		>
 			{props.children}
 		</AntdDropdown>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -93,6 +93,7 @@ module.exports = {
 					dark: {
 						container: '#3B444F',
 						background: '#1C1D1F',
+						garyBackground: '#282A2D',
 						overlay: '#0D0D0D'
 					}
 				},