github/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2026-04-15 01:41:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Support matrix environ badges only with no key-values (#5578)

Browse Source 
Fixes:

<img width="345" height="246" alt="grafik" src="https://github.com/user-attachments/assets/0e088773-291a-427f-a767-ede89e2195d0" />

After that change:

<img width="406" height="124" alt="image" src="https://github.com/user-attachments/assets/78fc1629-71d0-4be3-b06a-6f07bd4a6aba" />
This commit is contained in:
Robert Kaussow
2025-10-01 21:11:20 +02:00
committed by GitHub
parent e295ce3460
commit 601fe4a2ea
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/atomic/Badge.vue
View File

@@ -1,15 +1,19 @@
<template>
<span class="inline-flex items-center text-xs font-medium">
<span
v-if="label !== undefined"
class="border-wp-state-neutral-100 bg-wp-state-neutral-100 rounded-l-full border-1 py-0.5 pr-1 pl-2 whitespace-nowrap text-white"
v-if="label"
class="border-wp-state-neutral-100 bg-wp-state-neutral-100 rounded-l-full border-1 py-0.5 pl-2 whitespace-nowrap text-white"
:class="{
'rounded-r-full pr-2': !value,
}"
>
{{ label }}
</span>
<span
v-if="value"
class="border-wp-state-neutral-100 rounded-r-full border-1 py-0.5 pr-2 pl-1 whitespace-nowrap"
:class="{
'rounded-l-full pl-2': label === undefined,
'rounded-l-full pl-2': !label,
}"
>
{{ value }}
@@ -20,6 +24,6 @@
<script lang="ts" setup>
defineProps<{
label?: string;
value: string | number;
value?: string | number;
}>();
</script>