Fix primary button height (#1447)

levkk · web-flow · commit 5753286a08c0 · 2024-05-09T17:21:27.000-07:00
diff --git a/pgml-dashboard/src/components/pages/demo/template.html b/pgml-dashboard/src/components/pages/demo/template.html
@@ -245,4 +245,11 @@
         .tooltip_html("A model is great<br>, but<br> two<br> is better.")
         .icon("help_outline") %>
   </div>
+
+  <div class="py-5 d-flex gap-2">
+    <button class="btn btn-primary-web-app">Primary button</button>
+    <button class="btn btn-primary-web-app" disabled>Primary disabled</button>
+    <button class="btn btn-secondary-web-app">Secondary button</button>
+    <button class="btn btn-secondary-web-app" disabled>Secondary button</button>
+  </div>
 </div>
diff --git a/pgml-dashboard/static/css/scss/components/_buttons.scss b/pgml-dashboard/static/css/scss/components/_buttons.scss
@@ -120,7 +120,8 @@
 
     --bs-btn-line-height: 16px;
 
-    border: 0px;
+    --bs-btn-border-color: #{$neon-shade-100};
+    --bs-btn-border-width: 2px;
 
     &:disabled,
     &.disabled {
