enhance(client): add ads page
This commit is contained in:
parent
8571c692ba
commit
7699b49d33
@ -20,9 +20,10 @@ You should also include the user name that made the change.
|
|||||||
- ロールの並び順を設定可能に
|
- ロールの並び順を設定可能に
|
||||||
- カスタム絵文字にライセンス情報を付与できるように
|
- カスタム絵文字にライセンス情報を付与できるように
|
||||||
- 指定した文字列を含む投稿の公開範囲をホームにできるように
|
- 指定した文字列を含む投稿の公開範囲をホームにできるように
|
||||||
- enhance(client): 設定から自分のロールを確認できるように
|
- 設定から自分のロールを確認できるように
|
||||||
- enhance(client): DM作成時にメンションも含むように
|
- 広告一覧ページを追加
|
||||||
- enhance(client): フォロー申請のボタンのデザインを改善
|
- DM作成時にメンションも含むように
|
||||||
|
- フォロー申請のボタンのデザインを改善
|
||||||
- enhance(backend): OpenAPIエンドポイントを復旧
|
- enhance(backend): OpenAPIエンドポイントを復旧
|
||||||
- WebP/AVIF/JPEGのweb公開用画像は、サーバーサイドではJPEGではなくWebPに変換するように
|
- WebP/AVIF/JPEGのweb公開用画像は、サーバーサイドではJPEGではなくWebPに変換するように
|
||||||
- アニメーション画像のサムネイルを生成するように
|
- アニメーション画像のサムネイルを生成するように
|
||||||
|
25
packages/frontend/src/pages/ads.vue
Normal file
25
packages/frontend/src/pages/ads.vue
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<template>
|
||||||
|
<MkStickyContainer>
|
||||||
|
<template #header><MkPageHeader/></template>
|
||||||
|
|
||||||
|
<MkSpacer :content-max="500">
|
||||||
|
<div class="_gaps">
|
||||||
|
<MkAd v-for="ad in instance.ads" :key="ad.id" :specify="ad"/>
|
||||||
|
</div>
|
||||||
|
</MkSpacer>
|
||||||
|
</MkStickyContainer>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { computed, watch } from 'vue';
|
||||||
|
import * as os from '@/os';
|
||||||
|
import { definePageMetadata } from '@/scripts/page-metadata';
|
||||||
|
import { i18n } from '@/i18n';
|
||||||
|
import { instance } from '@/instance';
|
||||||
|
|
||||||
|
definePageMetadata({
|
||||||
|
title: i18n.ts.ads,
|
||||||
|
icon: 'ti ti-ad',
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -197,6 +197,9 @@ export const routes = [{
|
|||||||
}, {
|
}, {
|
||||||
path: '/about-misskey',
|
path: '/about-misskey',
|
||||||
component: page(() => import('./pages/about-misskey.vue')),
|
component: page(() => import('./pages/about-misskey.vue')),
|
||||||
|
}, {
|
||||||
|
path: '/ads',
|
||||||
|
component: page(() => import('./pages/ads.vue')),
|
||||||
}, {
|
}, {
|
||||||
path: '/theme-editor',
|
path: '/theme-editor',
|
||||||
component: page(() => import('./pages/theme-editor.vue')),
|
component: page(() => import('./pages/theme-editor.vue')),
|
||||||
|
@ -29,6 +29,11 @@ export function openInstanceMenu(ev: MouseEvent) {
|
|||||||
icon: 'ti ti-chart-line',
|
icon: 'ti ti-chart-line',
|
||||||
to: '/about#charts',
|
to: '/about#charts',
|
||||||
}, null, {
|
}, null, {
|
||||||
|
type: 'link',
|
||||||
|
text: i18n.ts.ads,
|
||||||
|
icon: 'ti ti-ad',
|
||||||
|
to: '/ads',
|
||||||
|
}, {
|
||||||
type: 'parent',
|
type: 'parent',
|
||||||
text: i18n.ts.tools,
|
text: i18n.ts.tools,
|
||||||
icon: 'ti ti-tool',
|
icon: 'ti ti-tool',
|
||||||
|
Loading…
Reference in New Issue
Block a user