improvement linear-gradient and colors

criar-art · Jun 14, 2024 · 47dbcc5 · 47dbcc5
1 parent df92d25
commit 47dbcc5
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 8 deletions.
diff --git a/src/app/style.scss b/src/app/style.scss
@@ -18,7 +18,8 @@ body {
     content: "";
     display: flex;
     height: 20px;
-    background: #3ea3bf;
+    background: #087ea4;
+    background: linear-gradient(90deg, #087ea4 50%, #1c926f 100%);
     box-shadow: 0 0 0 1px #fff, 0 0 20px rgba(0,0,0,.4);
   }
 }
@@ -31,7 +32,7 @@ code { font-family: 'Courier New', monospace; }
   color: #2c3e50;
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   text-align: center;
-  min-height: 90vh;
+  min-height: calc(100vh - 40px);
   display: flex;
   flex-direction: column;
 }
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
diff --git a/src/components/base/AppFooter/style.scss b/src/components/base/AppFooter/style.scss
@@ -1,5 +1,6 @@
 .app-footer {
   padding: 3em 0;
+  margin-top: auto;
   a {
     align-items: center;
     color: #000;

diff --git a/src/components/base/AppNavigation/style.scss b/src/components/base/AppNavigation/style.scss
@@ -30,11 +30,11 @@
 
     &.active {
       background: #fff;
-      border: 2px solid #3ea3bf;
-      color: #3ea3bf;
+      border: 2px solid #087ea4;
+      color: #087ea4;
 
       svg {
-        fill: #3ea3bf;
+        fill: #087ea4;
       }
     }
 

diff --git a/src/views/Home/style.scss b/src/views/Home/style.scss
@@ -26,7 +26,7 @@ h3 {
 
 .slide-title {
   padding: 2rem 0;
-  color: #3ea3bf;
+  color: #087ea4;
   font-size: 2em;
   @media (max-width: 640px) {
     .slide-title {
@@ -35,7 +35,7 @@ h3 {
   }
 
   svg {
-    fill: #3ea3bf;
+    fill: #087ea4;
   }
 }