enhance(frontend): 各サーバーはMisskeyを利用したサービスであることを強調 (#13559)

* ロゴ周りを追加

* 調整

---------

Co-authored-by: uboar <10250330+uboar@users.noreply.github.com>
This commit is contained in:
かっこかり 2024-03-12 13:48:14 +09:00 committed by GitHub
parent e23e2f4ae9
commit b280faa8e7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -9,7 +9,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<XTimeline class="tl"/> <XTimeline class="tl"/>
<div class="shape1"></div> <div class="shape1"></div>
<div class="shape2"></div> <div class="shape2"></div>
<img :src="misskeysvg" class="misskey"/> <div class="logo-wrapper">
<div class="powered-by">Powered by</div>
<img :src="misskeysvg" class="misskey"/>
</div>
<div class="emojis"> <div class="emojis">
<MkEmoji :normal="true" :noStyle="true" emoji="👍"/> <MkEmoji :normal="true" :noStyle="true" emoji="👍"/>
<MkEmoji :normal="true" :noStyle="true" emoji="❤"/> <MkEmoji :normal="true" :noStyle="true" emoji="❤"/>
@ -113,14 +116,24 @@ misskeyApiGet('federation/instances', {
opacity: 0.5; opacity: 0.5;
} }
> .misskey { > .logo-wrapper {
position: fixed; position: fixed;
top: 42px; top: 36px;
left: 42px; left: 36px;
width: 140px; flex: auto;
color: #fff;
user-select: none;
pointer-events: none;
@media (max-width: 450px) { > .powered-by {
width: 130px; margin-bottom: 2px;
}
> .misskey {
width: 140px;
@media (max-width: 450px) {
width: 130px;
}
} }
} }