oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

style(about): One and only for OSCAR (2)

Browse source
This commit is contained in:
무라쿠모 2024-06-27 23:55:14 +09:00
parent 7bd1e3a13a
commit d0a648c35a
No known key found for this signature in database
GPG key ID: 139D6573F92DA9F7
4 changed files with 33 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

27
packages/frontend/src/pages/about.vue
View file

@ -139,6 +139,22 @@ SPDX-License-Identifier: AGPL-3.0-only
</span>
</span>
</MkA>
<MkA v-if="$i !== null" :to="`/@${$i.username}`" :class="$style.contributor">
<img :src="$i.avatarUrl ?? undefined" :class="$style.contributorAvatar" :alt="`Profile image of @${$i.username}@oscar.surf`">
<span :class="$style.contributorUsername">{{ `@${$i.username}` }}
<span :class="$style.contributorClient">
<span :class="$style.thankYou">{{ i18n.ts.thankYou }}</span>
</span>
</span>
</MkA>
<MkA v-else to="/about" :class="$style.contributor">
<img src="/static-assets/avatar.png" :class="$style.contributorAvatar" alt="Misskey default profile image">
<span :class="$style.contributorUsername">Visitor
<span :class="$style.contributorClient">
<span :class="$style.visitor">{{ i18n.ts.timeWillCome }}</span>
</span>
</span>
</MkA>
</div>
</FormSection>
@ -173,7 +189,7 @@ SPDX-License-Identifier: AGPL-3.0-only
import { computed, watch, ref } from 'vue';
import * as Misskey from 'misskey-js';
import XEmojis from './about.emojis.vue';
import XFederation from './about.federation.vue';
// import XFederation from './about.federation.vue';
import { version, host } from '@/config.js';
import FormLink from '@/components/form/link.vue';
import FormSection from '@/components/form/section.vue';
@ -187,6 +203,7 @@ import MkInstanceStats from '@/components/MkInstanceStats.vue';
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
import { misskeyApi } from '@/scripts/misskey-api.js';
import number from '@/filters/number.js';
import { $i } from "@/account.js";
import { i18n } from '@/i18n.js';
import { definePageMetadata } from '@/scripts/page-metadata.js';
import { claimAchievement } from '@/scripts/achievements.js';
@ -352,5 +369,13 @@ definePageMetadata(() => ({
> .oscar {
color: #00ff63;
}
> .thankYou {
color: #5a70ff;
}
> .visitor {
color: #ebff3a;
}
}
</style>