Browse Source

rezept line adaption

master
Felix Diemar 4 years ago
parent
commit
ee1a175c5c
2 changed files with 31 additions and 4 deletions
  1. 28
    1
      app/styles/app.css
  2. 3
    3
      app/templates/rezepte.hbs

+ 28
- 1
app/styles/app.css View File

@@ -180,6 +180,21 @@ p {
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 {
list-style: none;
padding: 10px 15px;
@@ -338,9 +353,12 @@ p {
flex-basis: 50%;
font-weight: 300;
font-style: italic;
white-space: pre-wrap ;
white-space: pre-wrap;
text-align: center;
flex: auto;
list-style-type: none;
}

.rezept .detail h3 h4{
text-align: center;
}
@@ -680,6 +698,15 @@ p {
justify-content: space-between;
flex-wrap: wrap;
align-content: space-around;
text-align: center;
align-items: center;
}

.kategorie.resultsRezept
{
display: flex;
flex-wrap: wrap;
flex-direction: column;
}

.kategorie h3 {

+ 3
- 3
app/templates/rezepte.hbs View File

@@ -4,12 +4,12 @@
<LinkTo @route="rezepte" class="button">Rezepte bearbeiten</LinkTo>
</Jumbo>

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

Loading…
Cancel
Save