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

web/satellite: add warning message to EncryptYourData component

Browse Source 
Added warning copy to EncryptYourData component to let user know that this approach uses server-side encryption.

Change-Id: I864b8d5272e3d54a5ef0fafe464cd0e1ccaa9e83
This commit is contained in:
Vitalii Shpital 2021-09-13 16:45:35 +03:00
parent e805dce704
commit 2e6b4e90f8
1 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
web/satellite/src/components/common/GeneratePassphrase.vue
View File

@ -50,13 +50,12 @@
@setData="setPassphrase"
/>
</div>
<div class="encrypt-container__save">
<h2 class="encrypt-container__save__title">Save your encryption passphrase</h2>
<p class="encrypt-container__save__msg">
Please note that Storj does not know or store your encryption passphrase. If you lose it, you will
not be able to recover your files.
<p class="encrypt-container__download" @click="onDownloadClick">Download as a text file</p>
<div class="encrypt-container__warning">
<h2 class="encrypt-container__warning__title">The object browser uses server side encryption.</h2>
<p class="encrypt-container__warning__msg">
If you want to use our product with only end-to-end encryption, you may want to use our command line solution.
</p>
<p class="encrypt-container__save__download" @click="onDownloadClick">Download as a text file</p>
</div>
<div class="encrypt-container__buttons">
<VButton
@ -329,17 +328,25 @@ export default class GeneratePassphrase extends Vue {
margin-top: 25px;
}
&__save {
&__download {
font-family: 'font_bold', sans-serif;
font-size: 16px;
line-height: 19px;
color: #0068dc;
cursor: pointer;
margin: 20px 0;
}
&__warning {
border: 1px solid #e6e9ef;
border-radius: 10px;
padding: 25px;
margin-top: 35px;
&__title {
font-family: 'font_bold', sans-serif;
font-size: 16px;
line-height: 19px;
color: #1b2533;
color: #df1616;
margin-bottom: 10px;
}
@ -349,14 +356,6 @@ export default class GeneratePassphrase extends Vue {
color: #1b2533;
margin-bottom: 10px;
}
&__download {
font-family: 'font_bold', sans-serif;
font-size: 16px;
line-height: 19px;
color: #0068dc;
cursor: pointer;
}
}
&__buttons {