fix: disable whitespace wrap for sigin and tags

thraizz · Jan 27, 2024 · f3d05b5 · f3d05b5
1 parent 72d25a2
commit f3d05b5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/UserMenu.vue b/src/components/UserMenu.vue
@@ -93,7 +93,7 @@ const { user, isLoggedIn } = useUser();
   <div v-else>
     <router-link
       to="/login"
-      class="text-base font-medium text-white hover:text-indigo-50"
+      class="whitespace-nowrap text-base font-medium text-white hover:text-indigo-50"
       >Sign in</router-link
     >
   </div>

diff --git a/src/views/ProjectCard.vue b/src/views/ProjectCard.vue
@@ -36,11 +36,11 @@ const href = computed(() => `/projects/${props.project.projectId}`);
         </div>
 
         <!-- Show tags -->
-        <div class="mt-auto flex flex-row gap-1">
+        <div class="mt-auto flex flex-row flex-wrap gap-1">
           <div
             v-for="tag in project.tags"
             :key="tag"
-            class="rounded-full bg-indigo-50 px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm hover:bg-indigo-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+            class="whitespace-nowrap rounded-full bg-indigo-50 px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm hover:bg-indigo-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
           >
             {{ tag }}
           </div>