X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fdashboard%2Fdashboard.component.scss;fp=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fdashboard%2Fdashboard.component.scss;h=89d9afe15e7fd6a09ff0302d4296ee14ae781bdd;hb=5c2048d4d3e672783eea4f306aa9a03f33a1a9f2;hp=0000000000000000000000000000000000000000;hpb=59f512662c02a16c1d5c45b090b185d2e773310f;p=eliot.git

diff --git a/blueprints/common/eliot-ui/frontend-src/src/app/dashboard/dashboard.component.scss b/blueprints/common/eliot-ui/frontend-src/src/app/dashboard/dashboard.component.scss
new file mode 100644
index 0000000..89d9afe
--- /dev/null
+++ b/blueprints/common/eliot-ui/frontend-src/src/app/dashboard/dashboard.component.scss
@@ -0,0 +1,47 @@
+/*css templates*/
+
+  .card {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    word-wrap: break-word;
+    background-clip: border-box;
+    border-radius: 0.35rem;
+    background: rgb(255, 255, 255); /* Fallback color */
+    background: rgba(255, 255, 255, 0.2); /* Black background with 0.5 opacity */
+  }
+
+  .card-body {
+    flex: 1 1 auto;
+    padding: 1.25rem;
+  }
+
+  .new-app-card-body {
+    flex: 1 1 auto;
+    padding: 1.25rem;
+  }
+
+  .success-deploy-card-body {
+    flex: 1 1 auto;
+    padding: 1.25rem;
+  }
+
+  .card-header {
+    padding: 0.75rem 1.25rem;
+    margin-bottom: 0;
+    // border-bottom: 1px solid #000000;
+    
+  }
+
+  .chart {
+    padding-left:20px;
+    padding-top:20px;
+    padding-bottom:20px;
+    padding-right:20px;
+  }
+  
+.main {
+  background: linear-gradient(to right, rgb(238, 172, 128), rgb(68,166,187));
+}
+  
\ No newline at end of file