diff --git a/src/App.tsx b/src/App.tsx
index e833723..c87a68e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import Editor from './components/Editor/Editor';
import ReactSplitPane from './components/SplitPane/SplitPane';
import SwaggerUI from 'swagger-ui-react';
import petStoreAPISpec from './assets/petstore.apispec.json';
+import Footer from './components/Footer/Footer';
function App() {
@@ -41,6 +42,7 @@ function App() {
+
>
)
}
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
new file mode 100644
index 0000000..a1e35c9
--- /dev/null
+++ b/src/components/Footer/Footer.tsx
@@ -0,0 +1,12 @@
+const Footer:React.FC = ({}) => {
+ return(
+
+ )
+}
+
+export default Footer;
\ No newline at end of file
diff --git a/src/sass/components/_footer.scss b/src/sass/components/_footer.scss
new file mode 100644
index 0000000..ec1fc97
--- /dev/null
+++ b/src/sass/components/_footer.scss
@@ -0,0 +1,11 @@
+footer{
+ height: 100%;
+ padding: 15px;
+ border-top: 1px solid #d2d2d2;
+ text-align: center;
+ .footer-wrapper{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+}
\ No newline at end of file
diff --git a/src/sass/index.scss b/src/sass/index.scss
index e25be65..69961b1 100644
--- a/src/sass/index.scss
+++ b/src/sass/index.scss
@@ -9,9 +9,11 @@
@import "./components/readfile";
@import "./components/splitPane";
@import "./components/editor/editor";
+@import "./components/footer";
.app-wrapper{
display: flex;
+ height: calc(100vh - 55px);
.editor-page-wrapper{
position:relative;
width: calc(100vw - 350px);