Fix project-detail tags overflow

ikhsan3adi · ikhsan3adi · commit ce7ffa1337a9 · 2024-11-10T16:16:38.000+07:00
diff --git a/src/lib/components/sections/project-detail/ProjectDetail.svelte b/src/lib/components/sections/project-detail/ProjectDetail.svelte
@@ -97,7 +97,7 @@
 
           <!-- Tags -->
           <div
-            class="flex w-full justify-center sm:justify-start items-center gap-2 py-4 overflow-hidden"
+            class="flex flex-wrap w-full justify-center sm:justify-start items-center gap-2 py-4 overflow-hidden"
           >
             {#each tags as tag}
               <p
diff --git a/src/lib/components/sections/project-detail/ProjectDetailError.svelte b/src/lib/components/sections/project-detail/ProjectDetailError.svelte
@@ -2,16 +2,16 @@
   import type { ProjectDetail } from '$lib/api/projects';
   import type { ButtonColorVariant } from '$lib/components/colors';
 
-  import Wrappper from '$lib/components/widgets/Wrappper.svelte';
   import Button from '$lib/components/buttons/Button.svelte';
-  import Fa from 'svelte-fa';
+  import Wrappper from '$lib/components/widgets/Wrappper.svelte';
   import {
     faArrowLeft,
     faCodeFork,
     faDownload,
     faStar,
     faWarning
   } from '@fortawesome/free-solid-svg-icons';
+  import Fa from 'svelte-fa';
 
   export let project: ProjectDetail;
   const disabledButton: ButtonColorVariant = { key: 'disabled' };
@@ -62,7 +62,7 @@
 
           <!-- Tags -->
           <div
-            class="flex w-full justify-center sm:justify-start items-center gap-2 py-4 overflow-hidden"
+            class="flex flex-wrap w-full justify-center sm:justify-start items-center gap-2 py-4 overflow-hidden"
           >
             <p
               class="dark:bg-slate-800 border-slate-900 dark:text-slate-300 dark:border-slate-300 max-sm:text-sm px-2 sm:px-4 py-1 h-max border-2"

Original file line number	Diff line number	Diff line change
`@@ -97,7 +97,7 @@`
`97`	`97`
`98`	`98`	`<!-- Tags -->`
`99`	`99`	`<div`
`100`		`- class="flex w-full justify-center sm:justify-start items-center gap-2 py-4 overflow-hidden"`
	`100`	`+ class="flex flex-wrap w-full justify-center sm:justify-start items-center gap-2 py-4 overflow-hidden"`
`101`	`101`	`>`
`102`	`102`	`{#each tags as tag}`
`103`	`103`	`<p`