JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

name removed from header (#3209)

Browse Source
This commit is contained in:
Nikolay Yurchenko 2019-10-17 15:25:18 +03:00 committed by GitHub
parent 774758c656
commit afdd340586
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/satellite/src/components/header/AccountButton.vue
View File

@ -10,10 +10,9 @@
<!-- img if avatar was set --> <!-- img if avatar was set -->
<h1 class="account-button-toggle-container__avatar__letter">{{avatarLetter}}</h1> <h1 class="account-button-toggle-container__avatar__letter">{{avatarLetter}}</h1>
</div> </div>
<h1 class="account-button-toggle-container__user-name">{{userName}}</h1>
<div class="account-button-toggle-container__expander-area"> <div class="account-button-toggle-container__expander-area">
<img v-if="!isDropdownShown" src="@/../static/images/register/BlueExpand.svg" alt="Arrow down (expand)"/> <img v-if="!isDropdownShown" src="@/../static/images/account/BlackArrowExpand.svg" alt="Arrow down (expand)"/>
<img v-if="isDropdownShown" src="@/../static/images/register/BlueHide.svg" alt="Arrow up (hide)"/> <img v-if="isDropdownShown" src="@/../static/images/account/BlackArrowHide.svg" alt="Arrow up (hide)"/>
</div> </div>
</div> </div>
<AccountDropdown v-if="isDropdownShown"/> <AccountDropdown v-if="isDropdownShown"/>
@ -41,10 +40,6 @@ export default class AccountButton extends Vue {
return this.$store.getters.userName.slice(0, 1).toUpperCase(); return this.$store.getters.userName.slice(0, 1).toUpperCase();
} }
public get userName(): string {
return this.$store.getters.userName;
}
public get isDropdownShown(): boolean { public get isDropdownShown(): boolean {
return this.$store.state.appStateModule.appState.isAccountDropdownShown; return this.$store.state.appStateModule.appState.isAccountDropdownShown;
} }
@ -100,12 +95,10 @@ export default class AccountButton extends Vue {
} }
&__expander-area { &__expander-area {
margin-left: 12px; margin-left: 9px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 28px;
height: 28px;
} }
} }

3
web/satellite/static/images/account/BlackArrowExpand.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.266267 0.254166C0.621289 -0.0847221 1.19689 -0.0847221 1.55192 0.254166L5 3.54555L8.44808 0.254166C8.80311 -0.0847221 9.37871 -0.0847221 9.73373 0.254166C10.0888 0.593054 10.0888 1.1425 9.73373 1.48139L5 6L0.266267 1.48139C-0.0887555 1.1425 -0.0887555 0.593054 0.266267 0.254166Z" fill="#354049"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 451 B

3
web/satellite/static/images/account/BlackArrowHide.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.73373 5.74583C9.37871 6.08472 8.80311 6.08472 8.44808 5.74583L5 2.45445L1.55192 5.74583C1.19689 6.08472 0.621288 6.08472 0.266267 5.74583C-0.0887565 5.40694 -0.0887565 4.8575 0.266267 4.51861L5 -4.37114e-07L9.73373 4.51861C10.0888 4.8575 10.0888 5.40695 9.73373 5.74583Z" fill="#354049"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 442 B