diff --git a/src/views/mypage.pug b/src/views/mypage.pug index c90f400..cc2c7a0 100644 --- a/src/views/mypage.pug +++ b/src/views/mypage.pug @@ -39,6 +39,7 @@ block content i.fas.fa-cog | 設定 .body + .xd-alert.danger.mb-2 スコア通知方法に「Misskey に通知」を選んでいる場合、Groundpolis v3 および Misskey v12 の最新版以外では動作しません。めいすきーや古いバージョンをお使いの方は、「自動的にノートを投稿」をお使いください。 form(method="post", action="/update-settings") p: label スコア通知方法: select(name="alertMode") @@ -48,8 +49,8 @@ block content p: label タイムゾーン:(coming soon) button.primary(type="submit") 保存 .body - div.mb-2: a.xd-button.danger#logout(href="/logout") ログアウト - div: a.xd-button.danger#optout(href="/optout") アカウント連携を解除する + div.mb-2: a.xd-button.danger#logout(style="display: inline-block", href="/logout") ログアウト + div: a.xd-button.danger#optout(style="display: inline-block", href="/optout") アカウント連携を解除する block script script. diff --git a/styles/_xeltica-design.scss b/styles/_xeltica-design.scss index 4acdbd0..8f564ea 100644 --- a/styles/_xeltica-design.scss +++ b/styles/_xeltica-design.scss @@ -18,9 +18,16 @@ $card-header: $bg-pale-1; $card-footer: $bg-pale-1; $card-fg: $fg; $divider: rgba($fg, 0.25); -$table-bg-header: $md-grey-300; -$table-bg-odd: $md-grey-100; -$table-bg-even: white; +$table-bg-header: $bg-pale-2; +$table-bg-odd: $bg-pale-1; +$table-bg-even: $bg; +$alert-bg: $bg-pale-1; +$alert-border: $divider; +$alert-fg: $fg; +$alert-bg-danger: $md-red-300; +$alert-border-danger: $md-red-900; +$alert-fg-danger: $md-red-50; + $barSize: 64px; * { @@ -413,6 +420,23 @@ img, .xd-responsive { } } +.xd-alert { + padding: 8px 16px; + border-radius: 2px; + width: 100%; + background: $alert-bg; + border: 1px solid $alert-border; + color: $alert-fg; + font-size: 75%; + + &.danger { + background: $alert-bg-danger; + border: 1px solid $alert-border-danger; + color: $alert-fg-danger; + } + +} + .xd-center { text-align: center; }