44 lines
569 B
Vue
44 lines
569 B
Vue
<template>
|
|
<div class="row" :class="classes" :style="style">
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Row",
|
|
props: {
|
|
// Class override
|
|
class: {
|
|
type: String,
|
|
required: false,
|
|
default: '',
|
|
},
|
|
|
|
// Style override
|
|
style: {
|
|
type: String,
|
|
required: false,
|
|
default: '',
|
|
},
|
|
},
|
|
|
|
computed: {
|
|
classes() {
|
|
return this.class
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.row {
|
|
width: 100%;
|
|
height: 49%;
|
|
|
|
&:not(:last-child) {
|
|
margin-bottom: 1%;
|
|
}
|
|
}
|
|
</style>
|