web/satellite: scrolling with no paywall banner fixed
WHAT: dashboard and billing pages' scrolling fixed with no paywall banner WHY: content was slightly clipped Change-Id: I4d663775456980887af7bc41c72bf3a8da87d301
This commit is contained in:
parent
7c7334e9d5
commit
3fbbe1847e
@ -204,6 +204,7 @@ export default class BillingArea extends Vue {
|
||||
|
||||
<style scoped lang="scss">
|
||||
.account-billing-area {
|
||||
padding-bottom: 40px;
|
||||
|
||||
&__title-area {
|
||||
display: flex;
|
||||
|
@ -73,7 +73,7 @@ export default class CreditsItem extends Vue {
|
||||
font-family: 'font_regular', sans-serif;
|
||||
text-align: left;
|
||||
margin: 10px 0;
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
color: #354049;
|
||||
}
|
||||
|
@ -132,7 +132,7 @@ export default class ProjectSelection extends Vue {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
|
||||
|
@ -25,7 +25,7 @@ a {
|
||||
min-width: 280px;
|
||||
max-width: 280px;
|
||||
height: calc(100vh - 140px);
|
||||
overflow-y: scroll;
|
||||
overflow-y: hidden;
|
||||
overflow-x: hidden;
|
||||
background-color: #fff;
|
||||
padding: 20px 0 120px 0;
|
||||
@ -176,10 +176,15 @@ a {
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 770px) {
|
||||
@media screen and (max-height: 810px) {
|
||||
|
||||
.navigation-area {
|
||||
overflow-y: scroll;
|
||||
padding: 20px 0 50px 0;
|
||||
height: calc(100vh - 70px);
|
||||
|
||||
&__account-area {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -66,7 +66,7 @@ export default class ProjectDashboard extends Vue {
|
||||
|
||||
<style scoped lang="scss">
|
||||
.dashboard-area {
|
||||
padding: 40px 30px;
|
||||
padding: 40px 30px 70px 30px;
|
||||
font-family: 'font_regular', sans-serif;
|
||||
|
||||
&__title-area {
|
||||
|
Loading…
Reference in New Issue
Block a user