feat(Icons) Added font awesome icons (#29)

2022-05-02 01:03:04 -04:00
parent a64d59bb46
commit 2465433b5f
18 changed files with 110 additions and 32 deletions
@@ -3,24 +3,28 @@
@inject IJSRuntime JsRuntime

 <button id="@Id" class="searchIconButtonContainer" @onclick="ButtonClicked">
-    <div class="searchText">
-        S
+    <div class="searchIcon">
+        <i class="fa-solid fa-magnifying-glass"></i>
    </div>
 </button>

 <style>
    .searchIconButtonContainer {
-        background-color: var(--primary);
-        border: 2px solid var(--primary-border);
        border-radius: 8px;
        font-weight: 800;
-        width: 32px;
+        width: 100%;
        padding: 5px;
        display: flex;
        flex-direction: row;
        justify-content:  space-between;
        align-items: center;
    }
+    
+    .searchIcon {
+        font-size: 28px; 
+        text-align: center; 
+        margin: auto;
+    }
 </style>

@code {