Taichi Masuyama %!s(int64=3) %!d(string=hai) anos
pai
achega
d72d88bc33

+ 4 - 3
packages/app/src/pages/installer.page.tsx

@@ -35,6 +35,7 @@ type Props = CommonProps & {
 
 
 const InstallerPage: NextPage<Props> = (props: Props) => {
 const InstallerPage: NextPage<Props> = (props: Props) => {
   const { t } = useTranslation();
   const { t } = useTranslation();
+  const { t: tCommons } = useTranslation('commons');
 
 
   const navTabMapping = useMemo(() => {
   const navTabMapping = useMemo(() => {
     return {
     return {
@@ -47,11 +48,11 @@ const InstallerPage: NextPage<Props> = (props: Props) => {
       external_accounts: {
       external_accounts: {
         Icon: () => <i className="icon-fw icon-share-alt"></i>,
         Icon: () => <i className="icon-fw icon-share-alt"></i>,
         Content: DataTransferForm,
         Content: DataTransferForm,
-        i18n: t('g2g_data_transfer.tab'),
+        i18n: tCommons('g2g_data_transfer.tab'),
         index: 1,
         index: 1,
       },
       },
     };
     };
-  }, [t]);
+  }, [t, tCommons]);
 
 
   // commons
   // commons
   useAppTitle(props.appTitle);
   useAppTitle(props.appTitle);
@@ -67,7 +68,7 @@ const InstallerPage: NextPage<Props> = (props: Props) => {
       <Head>
       <Head>
         <title>{title}</title>
         <title>{title}</title>
       </Head>
       </Head>
-      <div id="installer-form-container" className="noLogin-dialog mx-auto">
+      <div id="installer-form-container" className="nologin-dialog mx-auto">
         <CustomNavAndContents navTabMapping={navTabMapping} tabContentClasses={['p-0']} />
         <CustomNavAndContents navTabMapping={navTabMapping} tabContentClasses={['p-0']} />
       </div>
       </div>
     </NoLoginLayout>
     </NoLoginLayout>

+ 15 - 0
packages/app/src/styles/_installer.scss

@@ -0,0 +1,15 @@
+#installer-form-container > .grw-custom-nav-tab {
+  .nav-title {
+    width: 100%;
+    li {
+      width: 100%;
+      text-align: center;
+    }
+  }
+  .nav-link {
+    color: white;
+  }
+  .grw-nav-slide-hr {
+    border-color: white;
+  }
+}

+ 1 - 0
packages/app/src/styles/style-app.scss

@@ -55,6 +55,7 @@
 @import 'page-path';
 @import 'page-path';
 @import 'search';
 @import 'search';
 @import 'tag';
 @import 'tag';
+@import 'installer';
 // @import 'user';
 // @import 'user';
 
 
 
 

+ 0 - 16
packages/app/src/styles/theme/_apply-colors.scss

@@ -353,22 +353,6 @@ ul.pagination {
   }
   }
 }
 }
 
 
-#installer-form-container > .grw-custom-nav-tab {
-  .nav-title {
-    width: 100%;
-    li {
-      width: 100%;
-      text-align: center;
-    }
-  }
-  .nav-link {
-    color: white;
-  }
-  .grw-nav-slide-hr {
-    border-color: white;
-  }
-}
-
 .grw-custom-nav-tab {
 .grw-custom-nav-tab {
   .nav-item {
   .nav-item {
     &:hover,
     &:hover,