summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkButton.vue
diff options
context:
space:
mode:
authorNoriDev <11006910+noridev@users.noreply.github.com>2023-05-26 14:40:44 +0900
committerGitHub <noreply@github.com>2023-05-26 14:40:44 +0900
commitcf468166870b38b05f11464e771a952f8805a3b8 (patch)
tree90583f1d175e83a428c1d0a00b83187a9efec38e /packages/frontend/src/components/MkButton.vue
parentshareページに"Misskeyへ"ボタンを設置 (diff)
downloadmisskey-cf468166870b38b05f11464e771a952f8805a3b8.tar.gz
misskey-cf468166870b38b05f11464e771a952f8805a3b8.tar.bz2
misskey-cf468166870b38b05f11464e771a952f8805a3b8.zip
feat: アカウント初期設定ウィザードに戻るボタンと、後で進むボタンを追加 (#10893)
* enhance(frontend): アカウント初期設定ウィザードに戻るボタンを追加 * enhance(frontend): アカウント初期設定ウィザードにあとでボタンを追加 * tweak --------- Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'packages/frontend/src/components/MkButton.vue')
-rw-r--r--packages/frontend/src/components/MkButton.vue9
1 files changed, 7 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkButton.vue b/packages/frontend/src/components/MkButton.vue
index 0ddee34f0a..6de6a4cc70 100644
--- a/packages/frontend/src/components/MkButton.vue
+++ b/packages/frontend/src/components/MkButton.vue
@@ -2,7 +2,7 @@
<button
v-if="!link"
ref="el" class="_button"
- :class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.asLike]: asLike }]"
+ :class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.transparent]: transparent, [$style.asLike]: asLike }]"
:type="type"
@click="emit('click', $event)"
@mousedown="onMousedown"
@@ -14,7 +14,7 @@
</button>
<MkA
v-else class="_button"
- :class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.asLike]: asLike }]"
+ :class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.transparent]: transparent, [$style.asLike]: asLike }]"
:to="to"
@mousedown="onMousedown"
>
@@ -44,6 +44,7 @@ const props = defineProps<{
full?: boolean;
small?: boolean;
large?: boolean;
+ transparent?: boolean;
asLike?: boolean;
}>();
@@ -194,6 +195,10 @@ function onMousedown(evt: MouseEvent): void {
}
}
+ &.transparent {
+ background: transparent;
+ }
+
&.gradate {
font-weight: bold;
color: var(--fgOnAccent) !important;