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

web/satellite hover to cross buttons added (#2603)

Browse Source
This commit is contained in:
Vitalii Shpital 2019-07-19 18:59:15 +03:00 committed by GitHub
parent 29b576961f
commit ff31f865a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/satellite/src/components/team/AddUserPopup.vue
View File

@ -24,7 +24,9 @@
v-model="input.value"
:class="[input.error ? 'error' : 'no-error']"
@keyup="resetFormErrors(index)" />
<span v-html="imageDeleteUser" @click="deleteInput(index)"></span>
<svg @click="deleteInput(index)" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.7803 1.28033C12.0732 0.987437 12.0732 0.512563 11.7803 0.21967C11.4874 -0.0732233 11.0126 -0.0732233 10.7197 0.21967L11.7803 1.28033ZM0.21967 10.7197C-0.0732233 11.0126 -0.0732233 11.4874 0.21967 11.7803C0.512563 12.0732 0.987437 12.0732 1.28033 11.7803L0.21967 10.7197ZM1.28033 0.21967C0.987437 -0.0732233 0.512563 -0.0732233 0.21967 0.21967C-0.0732233 0.512563 -0.0732233 0.987437 0.21967 1.28033L1.28033 0.21967ZM10.7197 11.7803C11.0126 12.0732 11.4874 12.0732 11.7803 11.7803C12.0732 11.4874 12.0732 11.0126 11.7803 10.7197L10.7197 11.7803ZM10.7197 0.21967L0.21967 10.7197L1.28033 11.7803L11.7803 1.28033L10.7197 0.21967ZM0.21967 1.28033L10.7197 11.7803L11.7803 10.7197L1.28033 0.21967L0.21967 1.28033Z" fill="#AFB7C1"/>
</svg>
</div>
</div>
<div class="add-user-row">
@ -79,7 +81,6 @@
})
export default class AddUserPopup extends Vue {
public imageSource: string = EMPTY_STATE_IMAGES.ADD_USER;
public imageDeleteUser: string = EMPTY_STATE_IMAGES.DELETE_USER;
private inputs: EmailInput[] = [new EmailInput(), new EmailInput(), new EmailInput()];
private formError: string = '';
private isLoading: boolean = false;
@ -418,10 +419,14 @@
}
}
span {
svg {
margin-bottom: 18px;
margin-left: 20px;
cursor: pointer;
&:hover path {
fill: #2683FF;
}
}
}
}

2
web/satellite/src/utils/constants/emptyStatesImages.ts
View File

@ -71,8 +71,6 @@ export const EMPTY_STATE_IMAGES = {
<path d="M276.636 177.256C276.241 177.256 275.926 177.256 275.61 177.334C274.979 177.413 274.347 177.021 274.11 176.473C266.691 163.083 252.325 154 235.749 154C220.752 154 207.492 161.439 199.677 172.793C199.283 173.341 198.572 173.576 197.941 173.498C195.967 173.106 193.915 172.871 191.863 172.871C176.471 172.949 164 185.165 164 200.356C164 200.356 164 200.356 164 200.434C164 201.295 164.71 202 165.658 202H298.342C299.211 202 300 201.295 300 200.434V200.356C299.842 187.514 289.423 177.256 276.636 177.256Z" fill="#DEDEFC"/>
<path d="M162.5 154C166.09 154 169 151.09 169 147.5C169 143.91 166.09 141 162.5 141C158.91 141 156 143.91 156 147.5C156 151.09 158.91 154 162.5 154Z" fill="white"/>
</svg>`,
DELETE_USER: `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.7803 1.28033C12.0732 0.987437 12.0732 0.512563 11.7803 0.21967C11.4874 -0.0732233 11.0126 -0.0732233 10.7197 0.21967L11.7803 1.28033ZM0.21967 10.7197C-0.0732233 11.0126 -0.0732233 11.4874 0.21967 11.7803C0.512563 12.0732 0.987437 12.0732 1.28033 11.7803L0.21967 10.7197ZM1.28033 0.21967C0.987437 -0.0732233 0.512563 -0.0732233 0.21967 0.21967C-0.0732233 0.512563 -0.0732233 0.987437 0.21967 1.28033L1.28033 0.21967ZM10.7197 11.7803C11.0126 12.0732 11.4874 12.0732 11.7803 11.7803C12.0732 11.4874 12.0732 11.0126 11.7803 10.7197L10.7197 11.7803ZM10.7197 0.21967L0.21967 10.7197L1.28033 11.7803L11.7803 1.28033L10.7197 0.21967ZM0.21967 1.28033L10.7197 11.7803L11.7803 10.7197L1.28033 0.21967L0.21967 1.28033Z" fill="#AFB7C1"/>`,
API_KEY: `<svg width="346" height="273" viewBox="0 0 346 273" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M199.593 272.163C274.583 272.163 335.34 211.215 335.34 136.034C335.34 60.8521 274.583 0 199.593 0C124.602 0 63.8457 60.9476 63.8457 136.129C63.8457 211.311 124.602 272.163 199.593 272.163Z" fill="#E8EAF2"/>
<path d="M274.391 209.88H126.512C120.016 209.88 114.666 204.53 114.666 198.034V80.5331C114.666 74.0371 120.016 68.6875 126.512 68.6875H274.295C280.791 68.6875 286.141 74.0371 286.141 80.5331V198.034C286.141 204.53 280.887 209.88 274.391 209.88Z" fill="#8F96AD"/>