mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2024-11-28 21:01:08 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse source
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
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/components/repo/RepoItem.vue
View file

@ -4,15 +4,15 @@
:to="{ name: 'repo', params: { repoId: repo.id } }" :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" 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="text-wp-text-100 text-lg">{{ `${repo.owner} / ${repo.name}` }}</div>
<div class="ml-auto"> <div class="ml-auto">
<Badge v-if="repo.visibility === RepoVisibility.Public" :label="$t('repo.visibility.public.public')" /> <Badge v-if="repo.visibility === RepoVisibility.Public" :label="$t('repo.visibility.public.public')" />
</div> </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"> <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" /> <PipelineStatusIcon v-if="lastPipeline" :status="lastPipeline.status" />
<span class="whitespace-nowrap overflow-hidden overflow-ellipsis">{{ shortMessage }}</span> <span class="whitespace-nowrap overflow-hidden overflow-ellipsis">{{ shortMessage }}</span>
</div> </div>