Adjust CSS and HTML for main container

[portal/ric-dashboard.git] / webapp-frontend / src / app / app.component.css

diff --git a/webapp-frontend/src/app/app.component.css b/webapp-frontend/src/app/app.component.css
index 19ac23e..b8d1778 100644 (file)
--- a/webapp-frontend/src/app/app.component.css
+++ b/webapp-frontend/src/app/app.component.css
@@ -304,9 +304,16 @@ main {
 ================
 */
 
-.main-container__bg {
+.main__container {
   height: 100%;
   width: 100%;
+}
+
+.main__container__body {
+  min-height: calc(100vh - 140px);
+}
+
+.main-container__bg {
   position: absolute;
   top: 0;
   left: 0;
@@ -329,15 +336,20 @@ main {
 */
 .main__footer {
   background: transparent;
-  position: absolute;
-  bottom: 1rem;
-  left: 1.5rem;
+  margin: 10px;
   z-index: 100;
+  height: 35px;
 }
 
-.copyright__text {
-  letter-spacing: 0.1rem;
-  color: gray;
+.main__footer-dark {
+  background-color: #2B244D;
+  color: white;
+}
+
+.main-footer__bg-dark {
+  opacity: 1;
+  background: linear-gradient(to bottom, #B290FF, #2E1D65);
+  transition: opacity 300ms linear;
 }
 
 @media only screen and (max-width: 300px) {