mirror of
https://github.com/go-gitea/gitea.git
synced 2025-04-20 00:19:08 +03:00
02e49a0f47
In the file tree, the icons are not vertically centered, which affects the overall visual consistency. Currently, the icons of submodules and symlinks do not adopt the value of entryIcon, resulting in inconsistent icon display. before:  after:  --------- Co-authored-by: silverwind <me@silverwind.io>
31 lines
1.5 KiB
Vue
31 lines
1.5 KiB
Vue
<!-- This vue should be kept the same as templates/repo/actions/status.tmpl
|
|
Please also update the template file above if this vue is modified.
|
|
action status accepted: success, skipped, waiting, blocked, running, failure, cancelled, unknown
|
|
-->
|
|
<script lang="ts" setup>
|
|
import {SvgIcon} from '../svg.ts';
|
|
|
|
withDefaults(defineProps<{
|
|
status: 'success' | 'skipped' | 'waiting' | 'blocked' | 'running' | 'failure' | 'cancelled' | 'unknown',
|
|
size?: number,
|
|
className?: string,
|
|
localeStatus?: string,
|
|
}>(), {
|
|
size: 16,
|
|
className: '',
|
|
localeStatus: undefined,
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<span :data-tooltip-content="localeStatus ?? status" v-if="status">
|
|
<SvgIcon name="octicon-check-circle-fill" class="text green" :size="size" :class="className" v-if="status === 'success'"/>
|
|
<SvgIcon name="octicon-skip" class="text grey" :size="size" :class="className" v-else-if="status === 'skipped'"/>
|
|
<SvgIcon name="octicon-stop" class="text yellow" :size="size" :class="className" v-else-if="status === 'cancelled'"/>
|
|
<SvgIcon name="octicon-clock" class="text yellow" :size="size" :class="className" v-else-if="status === 'waiting'"/>
|
|
<SvgIcon name="octicon-blocked" class="text yellow" :size="size" :class="className" v-else-if="status === 'blocked'"/>
|
|
<SvgIcon name="octicon-meter" class="text yellow" :size="size" :class="'circular-spin ' + className" v-else-if="status === 'running'"/>
|
|
<SvgIcon name="octicon-x-circle-fill" class="text red" :size="size" v-else/><!-- failure, unknown -->
|
|
</span>
|
|
</template>
|