mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-05 02:08:56 +09:00
Code

Add account setting link

Browse Source
This commit is contained in:
syuilo 2020-03-22 15:11:16 +09:00
parent 43e3ce1ed5
commit 76f992906d
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/pages/preferences/index.vue
View File

@ -3,6 +3,8 @@
<portal to="icon"><fa :icon="faCog"/></portal> <portal to="icon"><fa :icon="faCog"/></portal>
<portal to="title">{{ $t('clinetSettings') }}</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/> <x-theme/>
<section class="_card"> <section class="_card">

20
src/client/style.scss
View File

@ -292,7 +292,7 @@ main ._panel {
box-shadow: 0 1px 0 0 var(--divider), 0 -1px 0 0 var(--divider); box-shadow: 0 1px 0 0 var(--divider), 0 -1px 0 0 var(--divider);
} }
._panel._button { .__panelButton {
display: flex; display: flex;
width: 100%; width: 100%;
min-height: 48px; min-height: 48px;
@ -300,6 +300,24 @@ main ._panel {
justify-content: center; 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 { ._card {
@extend ._panel; @extend ._panel;