[Issue-229][Mythical Telegram App] fix some small ui bug

Koniverse · Dec 17, 2024 · 1539a09 · 1539a09
1 parent 311799c
commit 1539a09
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/packages/extension-koni-ui/src/Popup/Home/LeaderboardTemp/index.tsx b/packages/extension-koni-ui/src/Popup/Home/LeaderboardTemp/index.tsx
@@ -28,7 +28,7 @@ const Component = ({ className }: Props): React.ReactElement => {
   const [leaderboardConfig, setLeaderboardConfig] = useState(apiSDK.leaderboardConfig);
   const [currentLeaderboardInfo, setCurrentLeaderboardInfo] = useState<LeaderboardInfo | undefined>(undefined);
   const [leaderboardPersonItems, setLeaderboardPersonItems] = useState<LeaderboardPerson[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
   const [leaderboardInfo, setLeaderboardInfo] = useState<LeaderboardInfo | undefined>(undefined);
   const { activeModal, inactiveModal } = useContext(ModalContext);
 

diff --git a/packages/extension-koni-ui/src/components/Modal/Common/AlertModal.tsx b/packages/extension-koni-ui/src/components/Modal/Common/AlertModal.tsx
@@ -150,6 +150,11 @@ const AlertModal = styled(Component)<Props>(({ theme: { extendToken, token } }:
       paddingBottom: 4
     },
 
+    '.ant-sw-header-center-part.ant-sw-header-center-part': {
+      marginLeft: 0,
+      marginRight: 0
+    },
+
     '.ant-sw-modal-footer': {
       display: 'flex',
       borderTop: 0,

diff --git a/packages/webapp/public/assets/reset.css b/packages/webapp/public/assets/reset.css
@@ -650,8 +650,8 @@ div#popup-container {
 
 .ant-sw-modal .ant-sw-header-container-center .ant-sw-header-center-part {
     width: auto;
-    /*margin-left: 48px;*/
-    /*margin-right: 48px;*/
+    margin-left: 48px;
+    margin-right: 48px;
 }
 
 .ant-sw-sub-header-title-content {