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

web/satellite: scrolling with no paywall banner fixed

Browse Source 
WHAT:
dashboard and billing pages' scrolling fixed with no paywall banner

WHY:
content was slightly clipped

Change-Id: I4d663775456980887af7bc41c72bf3a8da87d301
This commit is contained in:
VitaliiShpital 2020-09-01 13:48:02 +03:00 committed by Vitalii Shpital
parent 7c7334e9d5
commit 3fbbe1847e
5 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/satellite/src/components/account/billing/BillingArea.vue
View File

@ -204,6 +204,7 @@ export default class BillingArea extends Vue {
<style scoped lang="scss"> <style scoped lang="scss">
.account-billing-area { .account-billing-area {
padding-bottom: 40px;
&__title-area { &__title-area {
display: flex; display: flex;

2
web/satellite/src/components/account/billing/freeCredits/CreditsItem.vue
View File

@ -73,7 +73,7 @@ export default class CreditsItem extends Vue {
font-family: 'font_regular', sans-serif; font-family: 'font_regular', sans-serif;
text-align: left; text-align: left;
margin: 10px 0; margin: 10px 0;
font-size: 14px; font-size: 16px;
line-height: 19px; line-height: 19px;
color: #354049; color: #354049;
} }

2
web/satellite/src/components/header/projectSelection/ProjectSelection.vue
View File

@ -132,7 +132,7 @@ export default class ProjectSelection extends Vue {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: space-between;
width: 100%; width: 100%;
height: 50px; height: 50px;

9
web/satellite/src/components/navigation/navigationArea.scss
View File

@ -25,7 +25,7 @@ a {
min-width: 280px; min-width: 280px;
max-width: 280px; max-width: 280px;
height: calc(100vh - 140px); height: calc(100vh - 140px);
overflow-y: scroll; overflow-y: hidden;
overflow-x: hidden; overflow-x: hidden;
background-color: #fff; background-color: #fff;
padding: 20px 0 120px 0; padding: 20px 0 120px 0;
@ -176,10 +176,15 @@ a {
} }
} }
@media screen and (max-height: 770px) { @media screen and (max-height: 810px) {
.navigation-area { .navigation-area {
overflow-y: scroll;
padding: 20px 0 50px 0; padding: 20px 0 50px 0;
height: calc(100vh - 70px); height: calc(100vh - 70px);
&__account-area {
padding-bottom: 50px;
}
} }
} }

2
web/satellite/src/components/project/ProjectDashboard.vue
View File

@ -66,7 +66,7 @@ export default class ProjectDashboard extends Vue {
<style scoped lang="scss"> <style scoped lang="scss">
.dashboard-area { .dashboard-area {
padding: 40px 30px; padding: 40px 30px 70px 30px;
font-family: 'font_regular', sans-serif; font-family: 'font_regular', sans-serif;
&__title-area { &__title-area {