data table ui fixes

This commit is contained in:
User 2023-05-30 13:54:23 +05:30
parent e45e15438b
commit 7ee985c09d
2 changed files with 28 additions and 1 deletions

View File

@ -5,3 +5,29 @@
margin-bottom: auto !important;
margin-top: 20px;
}
// *********** data-table styling
.v-data-table-footer{
display: flex;
justify-content: end;
margin-top: 30px
}
.v-input__control {
padding-top: 2px;
padding-bottom: 10px;
}
.v-data-table-footer__items-per-page{
display: flex;
margin-right: 10px;
}
.v-data-table-footer__items-per-page > span{
margin-right: 10px;
padding-top: 6px
}
.v-data-table-footer__info{
padding-top: 7px;
}
.v-data-table-footer__pagination{
margin-top: -10px;
padding-top: 4px
}

View File

@ -212,6 +212,7 @@
</v-data-table>
</v-col>
</v-row>
</v-col>
</v-row>
</v-form>
@ -308,4 +309,4 @@ export default {
},
};
</script>
<style src="./boxed_order_history.scss" lang="scss" scoped/>
<style src="./boxed_order_history.scss" lang="scss" />