Show tags on mobile

dcramer · Apr 17, 2024 · c5a88dd · c5a88dd
1 parent 4b8251c
commit c5a88dd
Showing 1 changed file with 21 additions and 30 deletions.
diff --git a/apps/web/app/components/tags.tsx b/apps/web/app/components/tags.tsx
@@ -6,36 +6,27 @@ export default function Tags({ tags }: { tags: string[] }) {
   if (!tags || !tags.length) return null;
   return (
     <div className="text-sm">
-      <div className="hidden lg:block">
-        <Separated separator=", ">
-          {tags.slice(0, 3).map((item) => (
-            <Link
-              key={item}
-              className="hover:underline"
-              to={`/bottles?tag=${encodeURIComponent(item)}`}
-            >
-              {item}
-            </Link>
-          ))}
-        </Separated>
-        {tags.length > 3 && (
-          <span>
-            , and{" "}
-            <Tooltip title={tags.join(", ")}>
-              <span className="underline decoration-dotted">
-                {tags.length - 3} more
-              </span>
-            </Tooltip>
-          </span>
-        )}
-      </div>
-      <div className="lg:hidden">
-        <Tooltip title={tags.join(", ")}>
-          <span className="underline decoration-dotted">
-            {tags.length} flavor note{tags.length !== 1 ? "s" : ""}
-          </span>
-        </Tooltip>
-      </div>
+      <Separated separator=", ">
+        {tags.slice(0, 3).map((item) => (
+          <Link
+            key={item}
+            className="hover:underline"
+            to={`/bottles?tag=${encodeURIComponent(item)}`}
+          >
+            {item}
+          </Link>
+        ))}
+      </Separated>
+      {tags.length > 3 && (
+        <span>
+          , and{" "}
+          <Tooltip title={tags.join(", ")}>
+            <span className="underline decoration-dotted">
+              {tags.length - 3} more
+            </span>
+          </Tooltip>
+        </span>
+      )}
     </div>
   );
 }