Unfloyded/misskey-tools
0
0
Fork 0
Code Activity

デザイン調整と注意書き追加

Browse source
This commit is contained in:
Xeltica 2020-09-10 00:57:16 +09:00
parent 50d32d467d
commit ac0f919025
2 changed files with 30 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/views/mypage.pug
View file

@ -39,6 +39,7 @@ block content
i.fas.fa-cog i.fas.fa-cog
| 設定 | 設定
.body .body
.xd-alert.danger.mb-2 スコア通知方法に「Misskey に通知」を選んでいる場合、Groundpolis v3 および Misskey v12 の最新版以外では動作しません。めいすきーや古いバージョンをお使いの方は、「自動的にノートを投稿」をお使いください。
form(method="post", action="/update-settings") form(method="post", action="/update-settings")
p: label スコア通知方法： p: label スコア通知方法：
select(name="alertMode") select(name="alertMode")
@ -48,8 +49,8 @@ block content
p: label タイムゾーン：(coming soon) p: label タイムゾーン：(coming soon)
button.primary(type="submit") 保存 button.primary(type="submit") 保存
.body .body
div.mb-2: a.xd-button.danger#logout(href="/logout") ログアウト div.mb-2: a.xd-button.danger#logout(style="display: inline-block", href="/logout") ログアウト
div: a.xd-button.danger#optout(href="/optout") アカウント連携を解除する div: a.xd-button.danger#optout(style="display: inline-block", href="/optout") アカウント連携を解除する
block script block script
script. script.

30
styles/_xeltica-design.scss
View file

@ -18,9 +18,16 @@ $card-header: $bg-pale-1;
$card-footer: $bg-pale-1; $card-footer: $bg-pale-1;
$card-fg: $fg; $card-fg: $fg;
$divider: rgba($fg, 0.25); $divider: rgba($fg, 0.25);
$table-bg-header: $md-grey-300; $table-bg-header: $bg-pale-2;
$table-bg-odd: $md-grey-100; $table-bg-odd: $bg-pale-1;
$table-bg-even: white; $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; $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 { .xd-center {
text-align: center; text-align: center;
} }