chore: formatting

This commit is contained in:
ThatOneCalculator 2023-05-21 20:05:52 -07:00
parent 2c9d211af1
commit 70f6a4808c
No known key found for this signature in database
GPG key ID: 8703CACD01000000
3 changed files with 17 additions and 13 deletions

View file

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

View file

@ -11,41 +11,43 @@
}"
:disabled="wait"
@click="onClick"
:aria-label=" `${state} ${user.name || user.username}` "
:aria-label="`${state} ${user.name || user.username}`"
>
<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;
}

View file

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