fix: dark mode not working on button page, close #89

zuramai · Jun 1, 2022 · f8c4e4b · f8c4e4b
1 parent dbe8086
commit f8c4e4b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
@@ -7,7 +7,7 @@
 
 // Fix icon placement
 body .bi::before, [class^=bi-]::before, [class*=" bi-"]::before {
-    vertical-align: baseline;
+    vertical-align: middle;
 }
 
 // Import fonts

diff --git a/src/component-button.html b/src/component-button.html
@@ -152,21 +152,21 @@ <h4>Only Icon Button</h4>
                     <div class="card-body">
                         <p class="text-muted">Use the <code>.icon</code> class.</p>
                         <div class="buttons">
-                            <a href="#" class="btn icon btn-primary"><i data-feather="edit"></i></a>
-                            <a href="#" class="btn icon btn-secondary"><i data-feather="user"></i></a>
-                            <a href="#" class="btn icon btn-info"><i data-feather="info-circle"></i></a>
-                            <a href="#" class="btn icon btn-warning"><i data-feather="exclamation-triangle"></i></a>
-                            <a href="#" class="btn icon btn-danger"><i data-feather="times"></i></a>
-                            <a href="#" class="btn icon btn-success"><i data-feather="check"></i></a>
-                            <a href="#" class="btn icon btn-light"><i data-feather="star"></i></a>
-                            <a href="#" class="btn icon btn-dark"><i data-feather="file"></i></a>
+                            <a href="#" class="btn icon btn-primary"><i class="bi bi-pencil"></i></a>
+                            <a href="#" class="btn icon btn-secondary"><i class="bi bi-person"></i></a>
+                            <a href="#" class="btn icon btn-info"><i class="bi bi-info-circle"></i></a>
+                            <a href="#" class="btn icon btn-warning"><i class="bi bi-exclamation-triangle"></i></a>
+                            <a href="#" class="btn icon btn-danger"><i class="bi bi-x"></i></a>
+                            <a href="#" class="btn icon btn-success"><i class="bi bi-check"></i></a>
+                            <a href="#" class="btn icon btn-light"><i class="bi bi-star"></i></a>
+                            <a href="#" class="btn icon btn-dark"><i class="bi bi-file"></i></a>
                         </div>
                         <p class="text-muted mt-2">Sizes.</p>
                         <div class="buttons">
                             <a href="#" class="btn icon btn-sm btn-warning"><i
-                                    data-feather="exclamation-triangle"></i></a>
-                            <a href="#" class="btn icon btn-danger"><i data-feather="times"></i></a>
-                            <a href="#" class="btn icon btn-lg btn-success"><i data-feather="check"></i></a>
+                                    class="bi bi-exclamation-triangle"></i></a>
+                            <a href="#" class="btn icon btn-danger"><i class="bi bi-x"></i></a>
+                            <a href="#" class="btn icon btn-lg btn-success"><i class="bi bi-check"></i></a>
                         </div>
                     </div>
                 </div>