enhance(frontend): 各サーバーはMisskeyを利用したサービスであることを強調 (#13559)
* ロゴ周りを追加 * 調整 --------- Co-authored-by: uboar <10250330+uboar@users.noreply.github.com>
This commit is contained in:
parent
e23e2f4ae9
commit
b280faa8e7
1 changed files with 20 additions and 7 deletions
|
@ -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>
|
||||||
|
<div class="logo-wrapper">
|
||||||
|
<div class="powered-by">Powered by</div>
|
||||||
<img :src="misskeysvg" class="misskey"/>
|
<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,16 +116,26 @@ 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;
|
||||||
|
|
||||||
|
> .powered-by {
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .misskey {
|
||||||
|
width: 140px;
|
||||||
@media (max-width: 450px) {
|
@media (max-width: 450px) {
|
||||||
width: 130px;
|
width: 130px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
> .emojis {
|
> .emojis {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
Loading…
Reference in a new issue