mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-12 05:38:12 +09:00
Code

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

Browse Source 
* ロゴ周りを追加

* 調整

---------

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
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/frontend/src/pages/welcome.entrance.a.vue
View File

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