diemarfe64635/einkaufszettel
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

rezept line adaption

Browse Source
This commit is contained in:
Felix Diemar 2020-06-10 02:33:14 +02:00
parent 1855f50d0d
commit ee1a175c5c
2 changed files with 31 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/styles/app.css
View File

@ -180,6 +180,21 @@ p {
flex-direction: row; flex-direction: row;
} }
.resultsRezept {
display: flex;
flex-direction: row;
width: 100%;
}
.resultsRezept li {
list-style: none;
padding: 10px 15px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.results li { .results li {
list-style: none; list-style: none;
padding: 10px 15px; padding: 10px 15px;
@ -338,9 +353,12 @@ p {
flex-basis: 50%; flex-basis: 50%;
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
white-space: pre-wrap ; white-space: pre-wrap;
text-align: center; text-align: center;
flex: auto;
list-style-type: none;
} }
.rezept .detail h3 h4{ .rezept .detail h3 h4{
text-align: center; text-align: center;
} }
@ -680,6 +698,15 @@ p {
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
align-content: space-around; align-content: space-around;
text-align: center;
align-items: center;
}
.kategorie.resultsRezept
{
display: flex;
flex-wrap: wrap;
flex-direction: column;
} }
.kategorie h3 { .kategorie h3 {

4
app/templates/rezepte.hbs
View File

@ -6,10 +6,10 @@
<Kategorie @titel={{"Pasta"}}> <Kategorie @titel={{"Pasta"}}>
<div class="rentals"> <div class="rentals">
<ul class="results"> <ul class="resultsRezept">
{{#each @model as |rezept|}} {{#each @model as |rezept|}}
{{#if (compare rezept.kategorie '===' 'Pasta')}} {{#if (compare rezept.kategorie '===' 'Pasta')}}
<li><Rezept class="detail" @rezept={{rezept}} /></li> <li><Rezept @rezept={{rezept}} /></li>
{{/if}} {{/if}}
{{/each}} {{/each}}
</ul> </ul>