mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-12 23:35:58 +00:00
81cbb7a85c
- Emotions buttons were not displaying images correctly - Follow vue guidelines for multiword naming convention - Favor tokens over magic px numbers
43 lines
725 B
Vue
43 lines
725 B
Vue
<template>
|
|
<div class="pagination-buttons">
|
|
<base-button
|
|
@click="$emit('back')"
|
|
:disabled="!hasPrevious"
|
|
icon="arrow-left"
|
|
circle
|
|
data-test="previous-button"
|
|
/>
|
|
<base-button
|
|
@click="$emit('next')"
|
|
:disabled="!hasNext"
|
|
icon="arrow-right"
|
|
circle
|
|
data-test="next-button"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
hasNext: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
hasPrevious: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.pagination-buttons {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
width: $size-width-paginate;
|
|
margin: $space-x-small auto;
|
|
}
|
|
</style>
|