mirror of
https://github.com/woodpecker-ci/woodpecker.git
synced 2025-01-07 16:15:27 +00:00
Some UI improvements (#4497)
Co-authored-by: Robert Kaussow <xoxys@rknet.org>
This commit is contained in:
parent
289239d1b3
commit
7189cd61bf
3 changed files with 10 additions and 7 deletions
|
@ -1,14 +1,17 @@
|
||||||
<template>
|
<template>
|
||||||
<span class="text-xs font-medium inline-flex">
|
<span class="text-xs font-medium inline-flex">
|
||||||
<span
|
<span
|
||||||
class="pl-2 pr-1 py-0.5 bg-wp-state-neutral-100 text-gray-300 border-2 border-wp-state-neutral-100 rounded-l-full"
|
class="pl-2 pr-1 py-0.5 bg-wp-state-neutral-100 text-gray-300 border-2 border-wp-state-neutral-100 rounded-l-full flex items-center"
|
||||||
:class="{
|
:class="{
|
||||||
'rounded-r-full pr-2': value === undefined,
|
'rounded-r-full pr-2': value === undefined,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{{ label }}
|
{{ label }}
|
||||||
</span>
|
</span>
|
||||||
<span v-if="value !== undefined" class="pl-1 pr-2 py-0.5 border-2 border-wp-state-neutral-100 rounded-r-full">
|
<span
|
||||||
|
v-if="value !== undefined"
|
||||||
|
class="pl-1 pr-2 py-0.5 border-2 border-wp-state-neutral-100 rounded-r-full flex items-center"
|
||||||
|
>
|
||||||
{{ value }}
|
{{ value }}
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
@ -2,10 +2,10 @@
|
||||||
<Scaffold v-if="org" enable-tabs :go-back="goBack">
|
<Scaffold v-if="org" enable-tabs :go-back="goBack">
|
||||||
<template #title>
|
<template #title>
|
||||||
<span>
|
<span>
|
||||||
<router-link :to="{ name: 'org' }" class="hover:underline">
|
<router-link :to="{ name: 'org' }" class="hover:underline">{{
|
||||||
{{ org.name }}
|
org.name
|
||||||
<!-- eslint-disable-next-line @intlify/vue-i18n/no-raw-text -->
|
/* eslint-disable-next-line @intlify/vue-i18n/no-raw-text */
|
||||||
</router-link>
|
}}</router-link>
|
||||||
/
|
/
|
||||||
{{ $t('settings') }}
|
{{ $t('settings') }}
|
||||||
</span>
|
</span>
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
</InputField>
|
</InputField>
|
||||||
|
|
||||||
<InputField :label="$t('user.settings.cli_and_api.token')">
|
<InputField :label="$t('user.settings.cli_and_api.token')">
|
||||||
<template #headerActions>
|
<template #titleActions>
|
||||||
<Button class="ml-auto" :text="$t('user.settings.cli_and_api.reset_token')" @click="resetToken" />
|
<Button class="ml-auto" :text="$t('user.settings.cli_and_api.reset_token')" @click="resetToken" />
|
||||||
</template>
|
</template>
|
||||||
<pre class="code-box">{{ token }}</pre>
|
<pre class="code-box">{{ token }}</pre>
|
||||||
|
|
Loading…
Reference in a new issue