Merge pull request #71 from tw-mosip/injiweb-490-proper-padding-to-pages

[INJIWEB-490]: adding proper padding to each pages
mosip · May 22, 2024 · 6e758b9 · 6e758b9
2 parents 47a28a9 + 9e577ab
commit 6e758b9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/inji-web/src/Router.tsx b/inji-web/src/Router.tsx
@@ -12,7 +12,6 @@ import {getDirCurrentLanguage} from "./utils/i18n";
 
 export const AppRouter = () => {
     const language = useSelector((state: RootState) => state.common.language);
-    const app_theme = ""; //can be "purple_theme" or "" ( for default )
     const wrapElement = (element: JSX.Element) => {
         return <React.Fragment>
             <div className={`h-screen min-h-72 bg bg-iw-background font-base`} dir={getDirCurrentLanguage(language)}>

diff --git a/inji-web/src/components/Issuers/IssuersList.tsx b/inji-web/src/components/Issuers/IssuersList.tsx
@@ -26,7 +26,7 @@ export const IssuersList: React.FC<IssuersListProps> = ({state}) => {
     }
 
     return <React.Fragment>
-        <div data-testid="Issuers-List-Container">
+        <div data-testid="Issuers-List-Container" className={"mb-20"}>
             <HeaderTile content={t("containerHeading")}/>
             <div className="grid grid-cols-1 md:grid-cols-3 sm:grid-cols-2 gap-5">
                 {issuers.issuers.map((issuer: IssuerObject, index: number) =>

diff --git a/inji-web/src/pages/HelpPage.tsx b/inji-web/src/pages/HelpPage.tsx
@@ -5,12 +5,10 @@ import {useTranslation} from "react-i18next";
 
 export const HelpPage: React.FC = () => {
     const {t} = useTranslation("HelpPage")
-    return <React.Fragment>
-        <div className={"bg-iw-background"} data-testid="Help-Page-Container">
+    return <div className={"bg-iw-background pb-20"} data-testid="Help-Page-Container">
             <NavBar title={t("title")} search={false} link={"/"}/>
-            <div className="container mx-auto mt-8 px-10 sm:px-0">
+            <div className="container mx-auto mt-8 px-10 sm:px-0 ">
                 <HelpAccordion/>
             </div>
         </div>
-    </React.Fragment>
 }