From 80d3a9fba08c8660646004511686e5b3491d001b Mon Sep 17 00:00:00 2001
From: Nick <ekbatanifard@gmail.com>
Date: Sat, 16 Nov 2024 16:44:13 +0330
Subject: [PATCH] style: adjust paddings

---
 packages/extension-polkagate/src/components/SlidePopUp.tsx   | 3 +--
 .../src/fullscreen/governance/components/DraggableModal.tsx  | 5 +++--
 .../src/popup/staking/partial/PoolMoreInfo.tsx               | 4 ++--
 .../src/popup/staking/partial/ValidatorInfo.tsx              | 4 ++--
 packages/extension/package.json                              | 2 +-
 packages/extension/src/packageInfo.ts                        | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/extension-polkagate/src/components/SlidePopUp.tsx b/packages/extension-polkagate/src/components/SlidePopUp.tsx
index 3af11e787..f069e6d10 100644
--- a/packages/extension-polkagate/src/components/SlidePopUp.tsx
+++ b/packages/extension-polkagate/src/components/SlidePopUp.tsx
@@ -1,6 +1,5 @@
 // Copyright 2019-2024 @polkadot/extension-polkagate authors & contributors
 // SPDX-License-Identifier: Apache-2.0
-// @ts-nocheck
 
 /* eslint-disable react/jsx-max-props-per-line */
 
@@ -12,7 +11,7 @@ interface Props {
   show: boolean;
 }
 
-export default function SlidePopUp({ children, show }: Props): React.ReactElement<Props> {
+export default function SlidePopUp ({ children, show }: Props): React.ReactElement<Props> {
   const theme = useTheme();
   const ref = React.useRef(null);
 
diff --git a/packages/extension-polkagate/src/fullscreen/governance/components/DraggableModal.tsx b/packages/extension-polkagate/src/fullscreen/governance/components/DraggableModal.tsx
index 2735401cd..f448bea75 100644
--- a/packages/extension-polkagate/src/fullscreen/governance/components/DraggableModal.tsx
+++ b/packages/extension-polkagate/src/fullscreen/governance/components/DraggableModal.tsx
@@ -14,10 +14,11 @@ interface Props {
   open: boolean;
   onClose: () => void
   blurBackdrop?: boolean;
+  pt?: number
   px?: number
 }
 
-export function DraggableModal ({ blurBackdrop, children, maxHeight = 740, minHeight = 615, onClose, open, px = 4, width = 500 }: Props): React.ReactElement<Props> {
+export function DraggableModal ({ blurBackdrop, children, maxHeight = 740, minHeight = 615, onClose, open, pt = 2, px = 4, width = 500 }: Props): React.ReactElement<Props> {
   const theme = useTheme();
 
   const isDarkMode = useMemo(() => theme.palette.mode === 'dark', [theme.palette.mode]);
@@ -74,7 +75,7 @@ export function DraggableModal ({ blurBackdrop, children, maxHeight = 740, minHe
     minHeight: `${minHeight}px`,
     pb: 3,
     position: 'absolute',
-    pt: 2,
+    pt,
     px,
     top: modalPosition.y,
     width: `${width}px`
diff --git a/packages/extension-polkagate/src/popup/staking/partial/PoolMoreInfo.tsx b/packages/extension-polkagate/src/popup/staking/partial/PoolMoreInfo.tsx
index e8c94b46d..b42aecf00 100644
--- a/packages/extension-polkagate/src/popup/staking/partial/PoolMoreInfo.tsx
+++ b/packages/extension-polkagate/src/popup/staking/partial/PoolMoreInfo.tsx
@@ -233,7 +233,7 @@ export default function PoolMoreInfo ({ api, chain, pool, poolId, setShowPoolInf
   const page = (
     <Grid alignItems='flex-start' bgcolor='background.default' container display='block' item mt={isExtensionPopup ? '46px' : 0} sx={{ borderRadius: '10px 10px 0px 0px', height: 'parent.innerHeight' }} width='100%'>
       <Grid container justifyContent='center' my='20px'>
-        <Typography fontSize='28px' fontWeight={400} lineHeight={1.4}>
+        <Typography fontSize='20px' fontWeight={400} lineHeight={1.4}>
           {t('Pool Info')}
         </Typography>
       </Grid>
@@ -334,7 +334,7 @@ export default function PoolMoreInfo ({ api, chain, pool, poolId, setShowPoolInf
         ? <SlidePopUp show={showPoolInfo}>
           {page}
         </SlidePopUp>
-        : <DraggableModal minHeight={650} onClose={_closeMenu} open={showPoolInfo}>
+        : <DraggableModal blurBackdrop minHeight={650} onClose={_closeMenu} open={showPoolInfo} pt={0} px={0}>
           {page}
         </DraggableModal>
       }
diff --git a/packages/extension-polkagate/src/popup/staking/partial/ValidatorInfo.tsx b/packages/extension-polkagate/src/popup/staking/partial/ValidatorInfo.tsx
index de24a03ab..5b1481593 100644
--- a/packages/extension-polkagate/src/popup/staking/partial/ValidatorInfo.tsx
+++ b/packages/extension-polkagate/src/popup/staking/partial/ValidatorInfo.tsx
@@ -219,7 +219,7 @@ export default function ValidatorInfoPage ({ api, chain, isFullscreen, setShowVa
   const page = (
     <Grid alignItems='flex-start' bgcolor='background.default' container display='block' item mt={isFullscreen ? 0 : '46px'} sx={{ borderRadius: '10px 10px 0px 0px', height: 'parent.innerHeight' }} width='100%'>
       <Grid container justifyContent='center' mb='20px'>
-        <Typography fontSize='28px' fontWeight={400} lineHeight={1.4} sx={{ borderBottom: '2px solid', borderColor: 'secondary.light' }}>
+        <Typography fontSize='20px' fontWeight={400} lineHeight={1.4} sx={{ borderBottom: '2px solid', borderColor: 'secondary.light' }}>
           {t('Validator’s Info')}
         </Typography>
       </Grid>
@@ -242,7 +242,7 @@ export default function ValidatorInfoPage ({ api, chain, isFullscreen, setShowVa
 
   if (isFullscreen) {
     return (
-      <DraggableModal onClose={onClose} open={showValidatorInfo} px={0}>
+      <DraggableModal blurBackdrop onClose={onClose} open={showValidatorInfo} px={0}>
         {page}
       </DraggableModal>
     );
diff --git a/packages/extension/package.json b/packages/extension/package.json
index 503bada4c..5f734a5c0 100644
--- a/packages/extension/package.json
+++ b/packages/extension/package.json
@@ -15,7 +15,7 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.29.1",
+  "version": "0.30.0",
   "dependencies": {
     "@polkadot/api": "^11.2.1",
     "@polkadot/extension-base": "^0.47.5",
diff --git a/packages/extension/src/packageInfo.ts b/packages/extension/src/packageInfo.ts
index f2692de80..b8c3861bf 100644
--- a/packages/extension/src/packageInfo.ts
+++ b/packages/extension/src/packageInfo.ts
@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/extension', path: 'auto', type: 'auto', version: '0.29.1' };
+export const packageInfo = { name: '@polkadot/extension', path: 'auto', type: 'auto', version: '0.30.0' };