Filter same color as search icon fix

Sybit-Education · Aug 2, 2024 · e59cd14 · e59cd14
1 parent 570efe0
commit e59cd14
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/app/components/filter/filter.component.html b/src/app/components/filter/filter.component.html
@@ -1,4 +1,4 @@
-<button type="button" class="position" data-bs-toggle="modal" data-bs-target="#exampleModal">
+<button type="button" class="position opacity-50 hover:opacity-100" data-bs-toggle="modal" data-bs-target="#exampleModal">
     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="bi bi-funnel"
          viewBox="0 0 16 16">
         <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z"/>

diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
@@ -16,7 +16,9 @@
                 (input)="onSearch()"
                 (keydown)="onEnterKey($event)"
         />
-        <app-home-filter></app-home-filter>
+        <div class="h-full flex justify-center items-center w-10 mr-2 border-l pl-5 border-solid border-gray-400">
+            <app-home-filter></app-home-filter>
+        </div>
     </div>
     @if ( !isMapUrl) {
     <button routerLink="/map" class="btn hide-on-mobile rounded-full"><i class="bi bi-map"></i></button>