time-convertor-ts

commit 0e3c626056dd46c3695f5ca3fa32ff111a5b8831
parent 453836c9c943a42a64f20cb3c14d3ebc353d9c8b
Author: Agastya Chandrakant <acagastya@outlook.com>
Date:   Mon, 25 May 2020 06:34:22 +0530

changes to header and footer

Diffstat:
M
src/App/comps/Footer.tsx
 | 
3
++-
M
src/App/comps/Header.tsx
 | 
2
+-

2 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/src/App/comps/Footer.tsx b/src/App/comps/Footer.tsx
@@ -9,7 +9,8 @@ function Footer<never>(): JSX.Element {
       style={{
         bottom: 0,
         paddingTop: '1rem',
-        position: 'relative',
+        position: 'fixed',
+        width: 'calc(100vw - 30px',
       }}
     >
       <div className="text-center">
diff --git a/src/App/comps/Header.tsx b/src/App/comps/Header.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 function Header<never>(): JSX.Element {
   return (
-    <header className="border-bottom page-header mt-3">
+    <header className="border-bottom page-header mt-3 mb-5">
       <h1>time-convertor</h1>
     </header>
   );