Fix not working overflow on repo list message (#4420)

This commit is contained in:
Robert Kaussow 2024-11-20 21:48:12 +01:00 committed by GitHub
parent b3932a0aed
commit 309cd7295a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -4,15 +4,15 @@
:to="{ name: 'repo', params: { repoId: repo.id } }"
class="flex flex-col border rounded-md bg-wp-background-100 overflow-hidden p-4 border-wp-background-400 dark:bg-wp-background-200 cursor-pointer hover:shadow-md hover:bg-wp-background-300 dark:hover:bg-wp-background-300"
>
<div class="grid grid-cols-[auto,1fr] gap-y-1 items-center">
<div class="grid grid-cols-[auto,1fr] gap-y-4 items-center">
<div class="text-wp-text-100 text-lg">{{ `${repo.owner} / ${repo.name}` }}</div>
<div class="ml-auto">
<Badge v-if="repo.visibility === RepoVisibility.Public" :label="$t('repo.visibility.public.public')" />
</div>
<div class="col-span-2 text-wp-text-100 mt-4 flex w-full">
<div class="col-span-2 text-wp-text-100 flex w-full gap-x-4">
<template v-if="lastPipeline">
<div class="flex gap-x-1 items-center">
<div class="flex flex-1 min-w-0 gap-x-1 items-center">
<PipelineStatusIcon v-if="lastPipeline" :status="lastPipeline.status" />
<span class="whitespace-nowrap overflow-hidden overflow-ellipsis">{{ shortMessage }}</span>
</div>