github/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-10-22 22:48:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Unify buttons, links and improve focus styles (#1317)

Browse Source
This commit is contained in:
Lukas
2022-11-18 08:10:43 +01:00
committed by GitHub
parent 7859bde63d
commit 2dfa231184
22 changed files with 110 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/layout/header/ActivePipelines.vue
View File

@@ -1,5 +1,5 @@
<template>
<NavbarIcon :title="$t('pipeline_feed')" class="!p-1.5 relative" @click="toggle">
<IconButton :title="$t('pipeline_feed')" class="!p-1.5 relative text-current" @click="toggle">
<div v-if="activePipelines.length > 0" class="spinner">
<div class="spinner-ring ring1" />
<div class="spinner-ring ring2" />
@@ -11,20 +11,19 @@
>
{{ activePipelines.length || 0 }}
</div>
</NavbarIcon>
</IconButton>
</template>
<script lang="ts">
import { defineComponent, onMounted } from 'vue';
import IconButton from '~/components/atomic/IconButton.vue';
import usePipelineFeed from '~/compositions/usePipelineFeed';
import NavbarIcon from './NavbarIcon.vue';
export default defineComponent({
name: 'ActivePipelines',
components: { NavbarIcon },
components: { IconButton },
setup() {
const pipelineFeed = usePipelineFeed();