chore: formatting
This commit is contained in:
parent
2c9d211af1
commit
70f6a4808c
|
@ -194,7 +194,7 @@ function onMousedown(evt: MouseEvent): void {
|
|||
|
||||
&.mini {
|
||||
padding: 4px 8px;
|
||||
font-size: max(12px, .9em);
|
||||
font-size: max(12px, 0.9em);
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
|
|
|
@ -15,37 +15,39 @@
|
|||
>
|
||||
<template v-if="!wait">
|
||||
<template v-if="isBlocking">
|
||||
<span v-if="full">{{ state = i18n.ts.blocked }}</span
|
||||
<span v-if="full">{{ (state = i18n.ts.blocked) }}</span
|
||||
><i class="ph-prohibit ph-bold ph-lg"></i>
|
||||
</template>
|
||||
<template
|
||||
v-else-if="hasPendingFollowRequestFromYou && user.isLocked"
|
||||
>
|
||||
<span v-if="full">{{ state = i18n.ts.followRequestPending }}</span
|
||||
<span v-if="full">{{
|
||||
(state = i18n.ts.followRequestPending)
|
||||
}}</span
|
||||
><i class="ph-hourglass-medium ph-bold ph-lg"></i>
|
||||
</template>
|
||||
<template
|
||||
v-else-if="hasPendingFollowRequestFromYou && !user.isLocked"
|
||||
>
|
||||
<!-- つまりリモートフォローの場合。 -->
|
||||
<span v-if="full">{{ state = i18n.ts.processing }}</span
|
||||
<span v-if="full">{{ (state = i18n.ts.processing) }}</span
|
||||
><i class="ph-circle-notch ph-bold ph-lg fa-pulse"></i>
|
||||
</template>
|
||||
<template v-else-if="isFollowing">
|
||||
<span v-if="full">{{ state = i18n.ts.unfollow }}</span
|
||||
<span v-if="full">{{ (state = i18n.ts.unfollow) }}</span
|
||||
><i class="ph-minus ph-bold ph-lg"></i>
|
||||
</template>
|
||||
<template v-else-if="!isFollowing && user.isLocked">
|
||||
<span v-if="full">{{ state = i18n.ts.followRequest }}</span
|
||||
<span v-if="full">{{ (state = i18n.ts.followRequest) }}</span
|
||||
><i class="ph-plus ph-bold ph-lg"></i>
|
||||
</template>
|
||||
<template v-else-if="!isFollowing && !user.isLocked">
|
||||
<span v-if="full">{{ state = i18n.ts.follow }}</span
|
||||
<span v-if="full">{{ (state = i18n.ts.follow) }}</span
|
||||
><i class="ph-plus ph-bold ph-lg"></i>
|
||||
</template>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span v-if="full">{{ state = i18n.ts.processing }}</span
|
||||
<span v-if="full">{{ (state = i18n.ts.processing) }}</span
|
||||
><i class="ph-circle-notch ph-bold ph-lg fa-pulse ph-fw ph-lg"></i>
|
||||
</template>
|
||||
</button>
|
||||
|
@ -176,7 +178,7 @@ onBeforeUnmount(() => {
|
|||
background: var(--bg);
|
||||
|
||||
&.full {
|
||||
padding: 0.2em .7em;
|
||||
padding: 0.2em 0.7em;
|
||||
width: auto;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
|
|
@ -16,9 +16,10 @@ export default defineComponent({
|
|||
return h(
|
||||
"div",
|
||||
{
|
||||
class: ["pxhvhrfw",
|
||||
class: [
|
||||
"pxhvhrfw",
|
||||
{ chips: this.style === "chips" },
|
||||
{ underline: this.style === "underline" }
|
||||
{ underline: this.style === "underline" },
|
||||
],
|
||||
role: "tablist",
|
||||
},
|
||||
|
@ -92,7 +93,8 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
|
||||
&.chips, &.underline {
|
||||
&.chips,
|
||||
&.underline {
|
||||
padding: 12px 32px;
|
||||
font-size: 0.85em;
|
||||
overflow-x: auto;
|
||||
|
|
Loading…
Reference in New Issue