Use new breakpoint mixin in public view

This commit is contained in:
rijkvanzanten
2020-02-07 17:50:09 -05:00
parent cfa8e1d450
commit 790e78a4e1

View File

@@ -69,6 +69,8 @@ export default createComponent({
</script>
<style lang="scss" scoped>
@import '@/styles/mixins';
.public-view {
width: 100%;
height: 100%;
@@ -87,7 +89,7 @@ export default createComponent({
justify-content: space-between;
padding: 20px;
@media (min-width: 660px) {
@include breakpoint(small) {
padding: 40px 80px;
}
}
@@ -96,6 +98,10 @@ export default createComponent({
display: none;
height: 100%;
flex-grow: 1;
@include breakpoint(small) {
display: block;
}
}
}
</style>