Add some Insights card styles and content

FairwindsOps · Dec 3, 2020 · 33dcb3f · 33dcb3f
1 parent 7c9ab13
commit 33dcb3f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/pkg/dashboard/assets/css/dashboard.css b/pkg/dashboard/assets/css/dashboard.css
@@ -4,6 +4,15 @@
   position: relative;
 }
 
+.card.insights {
+    text-align: center;
+    font-size: 13px;
+    color: #20162D;
+    background-color: #CACBD2;
+    padding-left: 40px;
+    padding-right: 40px;
+}
+
 .filters .title,
 .card h3 {
   margin: 0;
@@ -359,4 +368,4 @@ form.namespace-list {
 .namespace-row label {
   margin-left: 4px;
   font-size: 20px;
-}
+}
diff --git a/pkg/dashboard/templates/dashboard.gohtml b/pkg/dashboard/templates/dashboard.gohtml
@@ -83,10 +83,10 @@
     </div>
   </div>
 
-  <div clas="card insights">
-    image
+  <div class="card insights">
+    <img src="" />
     <span>Fairwinds, the company behind Polaris, now offers Fairwinds Insights, a multi-cluster, multi-user Kubernetes configuration validation and policy enforcement platform. Fairwinds Insights can help you avoid errors that lead to wasted time, compute costs, and increased risk.</span>
-    button
+    <button>Try Insights</button>
   </div>
 
   <div class="card category">