mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-18 23:27:26 +01:00
38 lines
626 B
Vue
38 lines
626 B
Vue
<template>
|
|
<div class="layout-section">
|
|
<div class="clearfix">
|
|
<h2 class="float-left mb-3 filters-title">
|
|
{{ title }}
|
|
</h2>
|
|
<div class="filters float-right">
|
|
<slot name="filters"></slot>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<slot name="content"></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
title: String,
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.clearfix {
|
|
max-width: 920px;
|
|
}
|
|
@media only screen and (max-width: 768px) {
|
|
.filters, .filters-title {
|
|
float: none;
|
|
button {
|
|
margin-right: 4em;
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
}
|
|
</style>
|