styles: update cemu files download button, hide edit buttons

This commit is contained in:
Ash Monty 2021-12-13 19:28:54 +01:00
parent af3c73792f
commit 9902928860
No known key found for this signature in database
GPG Key ID: 24F2A3D0CBE0A68F
2 changed files with 24 additions and 9 deletions

View File

@ -1,6 +1,12 @@
/* Removing until it's done */
.setting-card a.edit,
.sign-in-history a {
display: none;
}
.account-wrapper {
display: grid;
column-gap: 60px;
column-gap: 48px;
margin-top: 80px;
color: var(--text-secondary);
}
@ -26,15 +32,21 @@
background: var(--btn-secondary);
}
.account-sidebar .user #download-cemu-files {
width: 100%;
padding: 4px 16px;
cursor: pointer;
display: flex;
flex-flow: column;
align-items: center;
padding: 24px;
background: #383f6b;
font-size: 0.9rem;
margin: 8px 0 0;
margin: 24px 0 0;
text-decoration: none;
}
.account-sidebar .user .cemu-warning {
.account-sidebar .user #download-cemu-files p.download-caption {
margin: 15px 0 0;
}
.account-sidebar .user p.cemu-warning {
margin: 4px 0 0;
font-size: 0.7rem;
color: var(--text-secondary);
}
/* Settings */

View File

@ -10,8 +10,11 @@
<img src="{{account.mii.image_url}}" class="mii" />
<p class="miiname">{{account.mii.name}}</p>
<p class="username" value="{{account.username}}">PNID: {{account.username}}</p>
<a class="button secondary" id="download-cemu-files" href="/account/online-files" download>Download account files</a>
<p class="cemu-warning">(will not work with Nintendo Network)</p>
<a class="button secondary" id="download-cemu-files" href="/account/online-files" download>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
<p class="download-caption">Download account files</p>
<p class="cemu-warning">(will not work on Nintendo Network)</p>
</a>
</div>
</div>