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

web/storagenode: payout page scroll area extended

Browse Source 
Change-Id: I937a5e7344a0c3507fe3aa2443458ee86c8f9af7
This commit is contained in:
NickolaiYurchenko 2020-05-06 16:31:42 +03:00 committed by Nikolay Yurchenko
parent 159df8b2e4
commit ff68a3c2bb
1 changed files with 53 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/storagenode/src/app/views/PayoutArea.vue
View File

@ -2,6 +2,7 @@
// See LICENSE for copying information. // See LICENSE for copying information.
<template> <template>
<div class="payout-area-container-overflow">
<div class="payout-area-container"> <div class="payout-area-container">
<header class="payout-area-container__header"> <header class="payout-area-container__header">
<router-link to="/" class="payout-area-container__header__back-link"> <router-link to="/" class="payout-area-container__header__back-link">
@ -36,6 +37,7 @@
<!-- <HeldHistoryTable />--> <!-- <HeldHistoryTable />-->
<!-- </section>--> <!-- </section>-->
</div> </div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -109,13 +111,21 @@ export default class PayoutArea extends Vue {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.payout-area-container { .payout-area-container-overflow {
width: 822px; position: relative;
font-family: 'font_regular', sans-serif; padding: 0 36px;
width: calc(100% - 72px);
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
min-height: calc(100vh - 89px - 89px - 50px); display: flex;
padding-bottom: 50px; justify-content: center;
}
.payout-area-container {
position: relative;
width: 822px;
font-family: 'font_regular', sans-serif;
height: 100%;
&__header { &__header {
width: 100%; width: 100%;
@ -228,6 +238,11 @@ export default class PayoutArea extends Vue {
@media screen and (max-width: 640px) { @media screen and (max-width: 640px) {
.payout-area-container-overflow {
padding: 0 15px 80px 15px;
width: calc(100% - 30px);
}
.payout-area-container { .payout-area-container {
width: calc(100% - 20px - 20px); width: calc(100% - 20px - 20px);
padding-left: 20px; padding-left: 20px;