Some UI improvements (#4497)

Co-authored-by: Robert Kaussow <xoxys@rknet.org>
This commit is contained in:
qwerty287 2024-12-01 21:39:00 +02:00 committed by GitHub
parent 289239d1b3
commit 7189cd61bf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 10 additions and 7 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>