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

search input and button swapped (#1643)

Browse Source
This commit is contained in:
Nikolay Yurchenko 2019-04-24 00:06:33 +10:00 committed by GitHub
parent 75870005b2
commit 78dedbb5bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/satellite/src/components/apiKeys/headerArea/HeaderArea.vue
View File

@ -4,10 +4,10 @@
<template>
<div class="api-keys-header-container">
<div class="api-keys-header-container__item">
<SearchArea />
<div id="addApiKeyPopupButton">
<Button label="New API Key" width="240px" height="54px" :onPress="togglePopup" />
</div>
<SearchArea />
</div>
<div class="api-keys-header-container__item">
<!-- <SortApiKeysHeader /> -->
@ -54,4 +54,4 @@ export default class HeaderArea extends Vue {
}
}
}
</style>
</style>

2
web/satellite/src/components/apiKeys/headerArea/SearchArea.vue
View File

@ -40,7 +40,7 @@ export default class SearchArea extends Vue {
.search-container {
width: 100%;
height: 56px;
margin-right: 24px;
margin-left: 24px;
&__wrap {
position: relative;

4
web/satellite/src/components/team/headerArea/HeaderArea.vue
View File

@ -3,9 +3,9 @@
<template>
<div class="team-header-container">
<Button label="Add User" width="240px" height="58px" :onPress="onAddUsersClick" id="addTeamMemberPopupButton" />
<SortUsersDropdown />
<SearchArea />
<Button label="Add User" width="240px" height="58px" :onPress="onAddUsersClick" id="addTeamMemberPopupButton" />
</div>
</template>
@ -40,4 +40,4 @@ export default class HeaderArea extends Vue {
align-items: center;
justify-content: flex-start;
}
</style>
</style>

2
web/satellite/src/components/team/headerArea/SearchArea.vue
View File

@ -50,7 +50,7 @@
.search-container {
width: 100%;
height: 56px;
margin: 0 24px;
margin: 0 0 0 24px;
&__wrap {
position: relative;

3
web/satellite/src/components/team/headerArea/SortUsersDropdown.vue
View File

@ -74,6 +74,7 @@ export default class SortUsersDropdown extends Vue {
box-sizing: border-box;
border-radius: 6px;
transition: all .2s ease-in-out;
margin-left: 24px;
&:hover {
box-shadow: 0px 4px rgba(231, 232, 238, 0.6);
@ -118,4 +119,4 @@ export default class SortUsersDropdown extends Vue {
}
}
}
</style>
</style>