Add styling to header

F-X64 · F-X64 · commit f91c7a89ae54 · 2023-08-25T13:48:02.000+02:00
Add color and size properties to header title
Add mail address to contact tab
diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
@@ -95,7 +95,7 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
           href='https://imagedirectory.cloud'
           alt='Cloud Image Directory'
           className='header-section'>
-          <Title headingLevel='h1' size='lg' className='header-text'>
+          <Title headingLevel='h1' className="header-title">
             Cloud Image Directory
           </Title>
         </MastheadBrand>
diff --git a/src/app/app.css b/src/app/app.css
@@ -2,6 +2,11 @@ html, body, #root {
   height: 100%;
 }
 
+.header-title {
+  size: lg;
+  color: white;
+}
+
 .hero-section {
   background-color: black;
 }
diff --git a/src/app/routes.tsx b/src/app/routes.tsx
@@ -47,7 +47,7 @@ const routes: AppRouteConfig[] = [
     component: <Home title='Cloud Image Directory | Contact Us' />,
     exact: true,
     label: 'Contact Us',
-    path: '/contact',
+    path: 'mailto: contact@imagedirectory.cloud',
   },
   {
     component: <ImageDetails title='Cloud Image Directory | Image Details' />,

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ const routes: AppRouteConfig[] = [`
`47`	`47`	`component: <Home title='Cloud Image Directory \| Contact Us' />,`
`48`	`48`	`exact: true,`
`49`	`49`	`label: 'Contact Us',`
`50`		`- path: '/contact',`
	`50`	`+ path: 'mailto: contact@imagedirectory.cloud',`
`51`	`51`	`},`
`52`	`52`	`{`
`53`	`53`	`component: <ImageDetails title='Cloud Image Directory \| Image Details' />,`