diff options
Diffstat (limited to '')
| -rw-r--r-- | src/client/pages/preferences/index.vue | 2 | ||||
| -rw-r--r-- | src/client/style.scss | 20 |
2 files changed, 21 insertions, 1 deletions
diff --git a/src/client/pages/preferences/index.vue b/src/client/pages/preferences/index.vue index 7cf6f4b4b2..2b1b3083a4 100644 --- a/src/client/pages/preferences/index.vue +++ b/src/client/pages/preferences/index.vue @@ -3,6 +3,8 @@ <portal to="icon"><fa :icon="faCog"/></portal> <portal to="title">{{ $t('clinetSettings') }}</portal> + <router-link v-if="$store.getters.isSignedIn" class="_panel _buttonPrimary" to="/my/settings" style="margin-bottom: var(--margin);">{{ $t('accountSettings') }}</router-link> + <x-theme/> <section class="_card"> diff --git a/src/client/style.scss b/src/client/style.scss index fee64c7ca8..7b509e5b51 100644 --- a/src/client/style.scss +++ b/src/client/style.scss @@ -292,7 +292,7 @@ main ._panel { box-shadow: 0 1px 0 0 var(--divider), 0 -1px 0 0 var(--divider); } -._panel._button { +.__panelButton { display: flex; width: 100%; min-height: 48px; @@ -300,6 +300,24 @@ main ._panel { justify-content: center; } +._panel._button { + @extend .__panelButton; +} + +._panel._buttonPrimary { + @extend .__panelButton; + color: var(--accent); + background: var(--panel); + + &:not(:disabled):hover { + background: var(--panel); + } + + &:not(:disabled):active { + background: var(--panel); + } +} + ._card { @extend ._panel; |