Better resource type badge on mobile

aberonni · Jan 12, 2024 · eb39150 · eb39150
1 parent e64caa4
commit eb39150
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/ResourceList.tsx b/src/components/ResourceList.tsx
@@ -79,8 +79,13 @@ export const ResourceList = ({
               {resource.published ? "Published" : "Pending approval"}
             </Badge>
           ) : (
-            <Badge variant="secondary">
-              {ResourceTypeLabels[resource.type]}
+            <Badge variant="secondary" className="text-nowrap">
+              <span className="hidden md:block">
+                {ResourceTypeLabels[resource.type]}
+              </span>
+              <span className="block md:hidden">
+                {ResourceTypeLabels[resource.type].split(" ")[0]}
+              </span>
             </Badge>
           )}
         </Link>