Browse Source

ui: add border for filters

Tienson Qin 3 years ago
parent
commit
4b0213d863
2 changed files with 6 additions and 2 deletions
  1. 1 1
      src/main/frontend/components/reference.cljs
  2. 5 1
      src/main/frontend/ui.css

+ 1 - 1
src/main/frontend/components/reference.cljs

@@ -36,7 +36,7 @@
                                               (dissoc % lc-reference)))
                        (page-handler/save-filter! page-name @filters-atom))
            :small? true
-           :intent "link"
+           :intent "border-link"
            :key ref-name))))])
 
 (rum/defcs filter-dialog-inner < rum/reactive (rum/local "" ::filterSearch)

+ 5 - 1
src/main/frontend/ui.css

@@ -254,7 +254,7 @@ html.is-mobile {
     }
   }
 
-  &[intent='link'] {
+  &[intent='link'], &[intent='border-link'] {
     @apply focus:border-gray-500 dark:hover:text-gray-200;
 
     color: var(--ls-primary-text-color);
@@ -265,6 +265,10 @@ html.is-mobile {
     }
   }
 
+  &[intent='border-link'] {
+      border: 1px solid;
+  }
+
   &.p-1 {
     padding: 0.25rem 0.5rem !important;
   }