Printview columns (#572)

* Printview with multiple columns, depending on list length.

* Printview with multiple columns, depending on list length.
This commit is contained in:
zierbeek
2021-06-20 07:53:21 +02:00
committed by GitHub
parent 3714baf5d6
commit eaf4565aa7

View File

@@ -67,6 +67,7 @@ export default {
components: { components: {
RecipeTimeCard, RecipeTimeCard,
VueMarkdown, VueMarkdown,
}, },
props: { props: {
recipe: Object, recipe: Object,
@@ -102,6 +103,13 @@ h3 {
ul { ul {
padding-left: 1rem; padding-left: 1rem;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: wrap column;
flex-flow: wrap column;
max-height: 300px;
column-gap: 25px;
} }
li { li {