style: tweak the bg and color for active result type

hbstack · Nov 7, 2023 · d9962e4 · d9962e4
1 parent a044835
commit d9962e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/assets/hb/modules/theme-start/scss/_result-types.scss b/assets/hb/modules/theme-start/scss/_result-types.scss
@@ -1,5 +1,6 @@
 .hb-start-search-result-types {
-  --#{$prefix}nav-pills-link-active-bg: var(--#{$prefix}secondary);
+  --#{$prefix}nav-pills-link-active-bg: var(--#{$prefix}secondary-bg);
+  --#{$prefix}nav-pills-link-active-color: var(--#{$prefix}secondary-color);
 
   font-size: 0.875rem;
 }
diff --git a/layouts/partials/hb/modules/theme-start/result-types.html b/layouts/partials/hb/modules/theme-start/result-types.html
@@ -2,14 +2,14 @@
 {{- $icons := partialCached "hb/modules/theme-start/functions/icons" . }}
 {{- range . }}
   <ul
-    class="hb-start-search-result-types nav nav-pills justify-content-center mb-2{{ cond $first `` ` d-none` }}"
+    class="hb-start-search-result-types nav nav-pills ms-3 mb-2{{ cond $first `` ` d-none` }}"
     data-engine="{{ .id }}">
     {{- $engine := . }}
     {{- $firstType := true }}
     {{- range .types }}
       <li class="nav-item">
         <a
-          class="nav-link hb-start-search-result-type px-2 py-1 rounded-5{{ cond $firstType ` active` `` }}"
+          class="nav-link hb-start-search-result-type px-2 py-1 rounded-4{{ cond $firstType ` active` `` }}"
           href="#"
           data-url="{{ .url }}"
           data-input-name="{{ .input_name }}"