diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-02-09 17:34:45 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-02-09 17:34:45 +0900 |
| commit | 2aa800cd556cd3213f50cb8147db9a4ad5249c7e (patch) | |
| tree | 874399217443f4b78170f57d304fb0473d4e1644 | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | misskey-2aa800cd556cd3213f50cb8147db9a4ad5249c7e.tar.gz misskey-2aa800cd556cd3213f50cb8147db9a4ad5249c7e.tar.bz2 misskey-2aa800cd556cd3213f50cb8147db9a4ad5249c7e.zip | |
Update about-misskey.vue
| -rw-r--r-- | packages/frontend/src/pages/about-misskey.vue | 36 |
1 files changed, 35 insertions, 1 deletions
diff --git a/packages/frontend/src/pages/about-misskey.vue b/packages/frontend/src/pages/about-misskey.vue index 0a62768d22..efd4bfec8e 100644 --- a/packages/frontend/src/pages/about-misskey.vue +++ b/packages/frontend/src/pages/about-misskey.vue @@ -73,7 +73,13 @@ </FormSection> <FormSection> <template #label><Mfm text="$[jelly ❤]"/> {{ i18n.ts._aboutMisskey.patrons }}</template> - <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-gap: 12px;"> + <div :class="$style.patronsWithIcon"> + <div v-for="patron in patronsWithIcon" :class="$style.patronWithIcon"> + <img :src="patron.icon" :class="$style.patronIcon"> + <span :class="$style.patronName">{{ patron.name }}</span> + </div> + </div> + <div style="margin-top: 16px; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-gap: 12px;"> <div v-for="patron in patrons" :key="patron">{{ patron }}</div> </div> <p>{{ i18n.ts._aboutMisskey.morePatrons }}</p> @@ -99,6 +105,11 @@ import { definePageMetadata } from '@/scripts/page-metadata'; import { claimAchievement, claimedAchievements } from '@/scripts/achievements'; import { $i } from '@/account'; +const patronsWithIcon = [{ + name: 'カイヤン', + icon: 'https://misskey-hub.net/patrons/a2820716883e408cb87773e377ce7c8d.jpg', +}]; + const patrons = [ 'まっちゃとーにゅ', 'mametsuko', @@ -353,4 +364,27 @@ definePageMetadata({ .contributorUsername { margin-left: 12px; } + +.patronsWithIcon { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + grid-gap: 12px; +} + +.patronWithIcon { + display: flex; + align-items: center; + padding: 12px; + background: var(--buttonBg); + border-radius: 6px; +} + +.patronIcon { + width: 24px; + border-radius: 100%; +} + +.patronName { + margin-left: 12px; +} </style> |