mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-27 22:38:34 +09:00
Code

モバイルで翻訳ボタンの位置を中央に

Browse Source
This commit is contained in:
NoriDev 2023-06-13 18:34:14 +09:00
parent d22ed1efa4
commit a0c60e9350
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/frontend/src/pages/user/home.vue
View File

@ -71,7 +71,7 @@
<MkOmit>
<Mfm v-if="user.description" :text="user.description" :isNote="false" :author="user" :i="$i"/>
<p v-else class="empty">{{ i18n.ts.noAccountDescription }}</p>
<MkButton v-if="user.description" style="margin-top: 10px" small @click="translate">{{ i18n.ts.translateProfile }}</MkButton>
<MkButton v-if="user.description" class="translateButton" small @click="translate">{{ i18n.ts.translateProfile }}</MkButton>
<div v-if="translating || translation" class="translation">
<MkLoading v-if="translating" mini/>
<div v-else>
@ -531,6 +531,10 @@ onUnmounted(() => {
opacity: 0.5;
}
> .translateButton {
margin-top: 10px;
}
> .translation {
border: solid 0.5px var(--divider);
border-radius: var(--radius);
@ -691,6 +695,12 @@ onUnmounted(() => {
> .description {
padding: 16px;
text-align: center;
div {
> .translateButton {
margin: 10px auto 0;
}
}
}
> .fields {