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 { &.mini {
padding: 4px 8px; padding: 4px 8px;
font-size: max(12px, .9em); font-size: max(12px, 0.9em);
border-radius: 100px; border-radius: 100px;
} }

View File

@ -15,37 +15,39 @@
> >
<template v-if="!wait"> <template v-if="!wait">
<template v-if="isBlocking"> <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> ><i class="ph-prohibit ph-bold ph-lg"></i>
</template> </template>
<template <template
v-else-if="hasPendingFollowRequestFromYou && user.isLocked" 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> ><i class="ph-hourglass-medium ph-bold ph-lg"></i>
</template> </template>
<template <template
v-else-if="hasPendingFollowRequestFromYou && !user.isLocked" 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> ><i class="ph-circle-notch ph-bold ph-lg fa-pulse"></i>
</template> </template>
<template v-else-if="isFollowing"> <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> ><i class="ph-minus ph-bold ph-lg"></i>
</template> </template>
<template v-else-if="!isFollowing && user.isLocked"> <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> ><i class="ph-plus ph-bold ph-lg"></i>
</template> </template>
<template v-else-if="!isFollowing && !user.isLocked"> <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> ><i class="ph-plus ph-bold ph-lg"></i>
</template> </template>
</template> </template>
<template v-else> <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> ><i class="ph-circle-notch ph-bold ph-lg fa-pulse ph-fw ph-lg"></i>
</template> </template>
</button> </button>
@ -176,7 +178,7 @@ onBeforeUnmount(() => {
background: var(--bg); background: var(--bg);
&.full { &.full {
padding: 0.2em .7em; padding: 0.2em 0.7em;
width: auto; width: auto;
font-size: 14px; font-size: 14px;
} }

View File

@ -16,9 +16,10 @@ export default defineComponent({
return h( return h(
"div", "div",
{ {
class: ["pxhvhrfw", class: [
"pxhvhrfw",
{ chips: this.style === "chips" }, { chips: this.style === "chips" },
{ underline: this.style === "underline" } { underline: this.style === "underline" },
], ],
role: "tablist", role: "tablist",
}, },
@ -92,7 +93,8 @@ export default defineComponent({
} }
} }
&.chips, &.underline { &.chips,
&.underline {
padding: 12px 32px; padding: 12px 32px;
font-size: 0.85em; font-size: 0.85em;
overflow-x: auto; overflow-x: auto;