fix: fix issue with delegates page on small screen (#1025)

wa0x6e · web-flow · commit 3d53ddd3836f · 2024-12-09T19:49:37.000+09:00
diff --git a/apps/ui/src/components/SpaceDelegates.vue b/apps/ui/src/components/SpaceDelegates.vue
@@ -197,7 +197,7 @@ watchEffect(() => setTitle(`Delegates - ${props.space.name}`));
                   user: delegate.user
                 }
               }"
-              class="flex w-full space-x-3"
+              class="flex w-full space-x-3 truncate"
             >
               <div
                 class="flex grow sm:grow-0 sm:shrink-0 items-center w-[190px] py-3 gap-x-3 leading-[22px] truncate"

Original file line number	Diff line number	Diff line change
@@ -197,7 +197,7 @@ watchEffect(() => setTitle(`Delegates - ${props.space.name}`));
`197`	`197`	`user: delegate.user`
`198`	`198`	`}`
`199`	`199`	`}"`
`200`		`- class="flex w-full space-x-3"`
	`200`	`+ class="flex w-full space-x-3 truncate"`
`201`	`201`	`>`
`202`	`202`	`<div`
`203`	`203`	`class="flex grow sm:grow-0 sm:shrink-0 items-center w-[190px] py-3 gap-x-3 leading-[22px] truncate"`