feat: add back button to upgrade page

This commit is contained in:
Ash Monty 2022-07-04 22:19:50 +02:00
parent c1ab90518c
commit 04f4f9ee4b
No known key found for this signature in database
GPG Key ID: 740B7C88251D49B6
2 changed files with 38 additions and 0 deletions

View File

@ -1,4 +1,5 @@
.wrapper {
position: relative;
display: flex;
justify-content: center;
text-align: center;
@ -14,6 +15,31 @@
height: 1400px;
}
.back-arrow {
position: absolute;
display: flex;
justify-content: center;
top: 36px;
left: 0;
padding: 6px 10px;
background: var(--btn-secondary);
border-radius: 24px;
transition: filter 150ms;
text-decoration: none;
color: var(--text);
}
.back-arrow:hover {
filter: brightness(1.5)
}
.back-arrow svg {
width: 24px;
height: 24px;
}
.back-arrow span {
margin: 0 4px;
}
.account-form-wrapper {
display: flex;
flex-flow: column;
@ -315,4 +341,10 @@ p.switch-tier-modal-caption span {
label.tier .tier-perks {
width: 80%;
}
.back-arrow {
padding: 6px;
}
.back-arrow span {
display: none;
}
}

View File

@ -1,5 +1,11 @@
<link rel="stylesheet" href="/assets/css/upgrade.css" />
<div class="wrapper">
<a href="/account" class="back-arrow">
<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-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
<span>Back</span>
</a>
<div class="account-form-wrapper">
<a class="logotype" href="/">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="39.876">