Octoprint service (#324) (#560)

[github/bastienwirtz/homer.git] / src / assets / app.scss

diff --git a/src/assets/app.scss b/src/assets/app.scss
index d94a06879e11aa8993475d6e506f16238f4a5598..4ce417a9064345ff3380949850e8a802683c75f3 100644 (file)
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -1,8 +1,8 @@
 @charset "utf-8";
 
 @import "./webfonts/webfonts.scss";
-
-@import "bulma";
+@import "../../node_modules/bulma/bulma";
+@import "./components/status.scss";
 
 // Themes import
 @import "./themes/sui.scss";
@@ -13,7 +13,7 @@
   text-overflow: ellipsis;
 }
 
-html, body, body #app {
+html, body, body #app-mount, body #app {
   height: 100%;
   background-color: var(--background);
 }
@@ -31,6 +31,7 @@ body {
     transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
 
     a {
+      color: var(--link);
       &:hover {
         color: var(--link-hover);
       }
@@ -103,10 +104,14 @@ body {
 
     .dashboard-title {
       padding: 6px 0 0 80px;
+
+      &.no-logo {
+        padding-left: 0;
+      }
     }
 
     .first-line {
-      height: 100px;
+      min-height: 100px;
       vertical-align: center;
       background-color: var(--highlight-primary);
 
@@ -121,7 +126,7 @@ body {
       }
 
       .container {
-        height: 80px;
+        min-height: 80px;
         padding: 10px 0;
       }
 
@@ -140,8 +145,7 @@ body {
         }
       }
     }
-    .navbar,
-    .navbar-menu {
+    .navbar {
       background-color: var(--highlight-secondary);
 
       a {
@@ -153,6 +157,9 @@ body {
           background-color: var(--highlight-hover);
         }
       }
+       .navbar-menu {
+      background-color: inherit;
+      }
     }
     .navbar-end {
       text-align: right;
@@ -160,8 +167,7 @@ body {
   }
 
   #main-section {
-    margin-bottom: 2rem;
-    padding: 0;
+    padding: 0 0 2.5rem 0;
 
     h2 {
       padding-bottom: 0px;
@@ -224,7 +230,6 @@ body {
   }
 
   .card {
-    border-radius: 5px;
     border: none;
     box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
     transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
@@ -260,11 +265,13 @@ body {
     }
 
     .column div:first-of-type .card {
-      border-radius: 5px 5px 0 0;
+      border-top-left-radius: 0.25rem;
+      border-top-right-radius: 0.25rem;
     }
 
     .column div:last-child .card {
-      border-radius: 0 0 5px 5px;
+      border-bottom-left-radius: 0.25rem;
+      border-bottom-right-radius: 0.25rem;
     }
   }
 
@@ -282,7 +289,7 @@ body {
 
   .no-footer {
     #main-section {
-      margin-bottom: 0;
+      padding-bottom: 0;
     }
 
     .footer {
@@ -348,4 +355,4 @@ body {
 
 .group-logo {
   float: left;
-}
\ No newline at end of file
+}