diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/components/post-form.vue | 3 | ||||
| -rw-r--r-- | src/client/components/ui/button.vue | 4 | ||||
| -rw-r--r-- | src/client/pages/settings/index.vue | 4 | ||||
| -rw-r--r-- | src/client/style.scss | 14 |
4 files changed, 22 insertions, 3 deletions
diff --git a/src/client/components/post-form.vue b/src/client/components/post-form.vue index 7b4c5db46b..a1d89d2a2e 100644 --- a/src/client/components/post-form.vue +++ b/src/client/components/post-form.vue @@ -18,7 +18,7 @@ <span v-if="visibility === 'specified'"><i class="fas fa-envelope"></i></span> </button> <button class="_button preview" @click="showPreview = !showPreview" :class="{ active: showPreview }" v-tooltip="$ts.previewNoteText"><i class="fas fa-file-code"></i></button> - <button class="submit _buttonPrimary" :disabled="!canPost" @click="post" data-cy-open-post-form-submit>{{ submitText }}<i :class="reply ? 'fas fa-reply' : renote ? 'fas fa-quote-right' : 'fas fa-paper-plane'"></i></button> + <button class="submit _buttonGradate" :disabled="!canPost" @click="post" data-cy-open-post-form-submit>{{ submitText }}<i :class="reply ? 'fas fa-reply' : renote ? 'fas fa-quote-right' : 'fas fa-paper-plane'"></i></button> </div> </header> <div class="form" :class="{ fixed }"> @@ -759,6 +759,7 @@ export default defineComponent({ font-weight: bold; vertical-align: bottom; border-radius: 4px; + font-size: 0.9em; &:disabled { opacity: 0.7; diff --git a/src/client/components/ui/button.vue b/src/client/components/ui/button.vue index 5f36be0d76..b5f4547c84 100644 --- a/src/client/components/ui/button.vue +++ b/src/client/components/ui/button.vue @@ -188,11 +188,11 @@ export default defineComponent({ background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB)); &:not(:disabled):hover { - background: var(--X8); + background: linear-gradient(90deg, var(--X8), var(--X8)); } &:not(:disabled):active { - background: var(--X8); + background: linear-gradient(90deg, var(--X8), var(--X8)); } } diff --git a/src/client/pages/settings/index.vue b/src/client/pages/settings/index.vue index bdcadfb955..9da3031a41 100644 --- a/src/client/pages/settings/index.vue +++ b/src/client/pages/settings/index.vue @@ -301,6 +301,10 @@ export default defineComponent({ width: 32%; box-sizing: border-box; overflow: auto; + + > .title { + margin: 24px; + } } > .main { diff --git a/src/client/style.scss b/src/client/style.scss index 8e1d74bc76..1c8807573b 100644 --- a/src/client/style.scss +++ b/src/client/style.scss @@ -202,6 +202,20 @@ hr { } } +._buttonGradate { + @extend ._buttonPrimary; + color: var(--fgOnAccent); + background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB)); + + &:not(:disabled):hover { + background: linear-gradient(90deg, var(--X8), var(--X8)); + } + + &:not(:disabled):active { + background: linear-gradient(90deg, var(--X8), var(--X8)); + } +} + ._help { color: var(--accent); cursor: help |