ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-12 13:26:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

styling UI

Browse source
This commit is contained in:
Ruidy Nemausat 2020-01-27 21:35:54 +01:00
parent c23636c249
commit b9067c85bd
4 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
README.md
View file

@ -56,6 +56,7 @@ Free meal planner for cooks short on ideas! (like me …)
- Recipes in Video - Recipes in Video
- Get a full menu (Starter, Main, Dessert + Cocktail) - Get a full menu (Starter, Main, Dessert + Cocktail)
- Send a daily suggestion to newsletter - Send a daily suggestion to newsletter
- History
## Supports ## Supports
@ -83,5 +84,5 @@ Free meal planner for cooks short on ideas! (like me …)
- put a preloader - put a preloader
- visual styling - visual styling
- route bad request to notFOund (exple: /categories/string) - route bad request to notFOund (exple: /categories/string, when search results is null)
- add sidenav on mobile - add sidenav on mobile

3
src/components/CategoryEntry.js
View file

@ -18,10 +18,11 @@ const CategoryEntry = props => {
<div className="card horizontal"> <div className="card horizontal">
<div className="card-image"> <div className="card-image">
<img src={strCategoryThumb} alt={strCategory} /> <img src={strCategoryThumb} alt={strCategory} />
<span className="card-title red-text">{strCategory}</span> {/* <span className="card-title red-text">{strCategory}</span> */}
</div> </div>
<div className="card-stacked"> <div className="card-stacked">
<div className="card-content black-text"> <div className="card-content black-text">
<h4>{strCategory}</h4>
<p>{strCategoryDescription}</p> <p>{strCategoryDescription}</p>
</div> </div>
</div> </div>

5
src/components/SearchResult.js
View file

@ -13,7 +13,10 @@ const SearchResult = props => {
<div className="card "> <div className="card ">
<div className="card-image"> <div className="card-image">
<img src={strMealThumb} alt={strMeal} /> <img src={strMealThumb} alt={strMeal} />
<span className="card-title ">{strMeal}</span> {/* <span className="card-title ">{strMeal}</span> */}
</div>
<div class="card-content">
<h4>{strMeal}</h4>
</div> </div>
{/* <div className="card-stacked"> {/* <div className="card-stacked">
<div className="card-content black-text"> <div className="card-content black-text">

5
src/pages/Category.js
View file

@ -36,7 +36,10 @@ const CategoryPage = props => {
<div className="card "> <div className="card ">
<div className="card-image"> <div className="card-image">
<img src={meal.strMealThumb} alt={meal.strMeal} /> <img src={meal.strMealThumb} alt={meal.strMeal} />
<span className="card-title">{meal.strMeal}</span> {/* <span className="card-title">{meal.strMeal}</span> */}
</div>
<div class="card-content">
<h4>{meal.strMeal}</h4>
</div> </div>
</div> </div>
</div> </div>