84 lines
1.4 KiB
Plaintext
84 lines
1.4 KiB
Plaintext
{% include "header" %}
|
|
|
|
<div class="page-container account-profile">
|
|
<div class="np-hidden-mobile">
|
|
{% include "sub_navigation" %}
|
|
</div>
|
|
|
|
<main class="np-main np-subpage-container np-account account-margin">
|
|
<div class="np-hidden-desktop">
|
|
{% include "account_mobile_view", form: form %}
|
|
</div>
|
|
|
|
<div class="np-hidden-mobile np-flex np-flex-center">
|
|
{% include "account_desktop_view", form: form %}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
{% include "footer" %}
|
|
|
|
<style>
|
|
.np-card-container {
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
.account-profile {
|
|
justify-content: center;
|
|
}
|
|
|
|
.account-margin {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.np-card.np-account-form {
|
|
min-width: 100% !important;
|
|
}
|
|
|
|
.np-account-form {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.np-account-avatar {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 769px) and (max-width: 2499px) {
|
|
.account-profile {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.account-margin {
|
|
margin-right: 12%;
|
|
}
|
|
|
|
|
|
.np-account-form {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 2500px) {
|
|
.np-card-container.np-card-padding > div {
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.account-profile {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.account-margin {
|
|
margin-right: 23%;
|
|
}
|
|
|
|
.np-account-form {
|
|
margin-right: 9%;
|
|
}
|
|
}
|
|
|
|
</style> |