[Appearance] Tag margin, border, color, selected

craigary · Mar 19, 2021 · 44aa26c · 44aa26c
1 parent e34b7eb
commit 44aa26c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/Tags.js b/components/Tags.js
@@ -11,8 +11,8 @@ const Tags = ({ tags, handleTagClick, selectedTag }) => {
         <li
           key={key}
           onClick={() => handleTagClick(key)}
-          className={`mr-2 px-2 py-1 my-3 font-medium cursor-pointer rounded-full border-2 bg-opacity-0 border-blue-200 text-black bg-blue-400 whitespace-nowrap ${
-            key === selectedTag ? 'bg-opacity-30' : ''
+          className={`mr-3 py-2 my-3 font-medium cursor-pointer  border px-4 bg-gray-100 border-gray-100 text-gray-400 whitespace-nowrap ${
+            key === selectedTag ? 'text-white bg-black border-black' : ''
           }`}
         >
           {`${key} (${tags[key]})`}