web_programming/fridge_bites
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added files

Browse Source
This commit is contained in:
Stepan 2025-07-02 22:33:45 +02:00
parent 6f306beb4b
commit f0ed2f0712
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/Recipes/Templates/single.php
View File

@ -11,6 +11,8 @@ the_header(
); );
?> ?>
<div id="recipe-id" hidden><?= $context['recipe']->get_id() ?></div>
<div class="container"> <div class="container">
<div class="single-recipe"> <div class="single-recipe">
<div class="single-recipe-info"> <div class="single-recipe-info">
@ -72,8 +74,8 @@ the_header(
</div> </div>
</div> </div>
<div class="small-btns"> <div class="small-btns">
<button class="btn btn-secondary btn-small hover-anim" title="Add To Favorites"> <button id="favorite-btn" class="btn btn-secondary btn-small hover-anim <?= $context['recipe']->is_in_favorite ? 'active' : '' ?>" title="Add To Favorites">
<i class="fa-regular fa-heart"></i> <i class="<?= $context['recipe']->is_in_favorite ? 'fa-solid' : 'fa-regular' ?> fa-heart"></i>
</button> </button>
<a class="btn btn-secondary btn-small hover-anim" <a class="btn btn-secondary btn-small hover-anim"
href="<?php the_permalink('recipes:export-pdf', [$context['recipe']->get_id()]); ?>" href="<?php the_permalink('recipes:export-pdf', [$context['recipe']->get_id()]); ?>"

12
assets/css/style.css
View File

@ -92,6 +92,15 @@ body {
.logo { .logo {
max-width: 70px; max-width: 70px;
} }
.toastify.info {
background: #003a92;
}
.toastify.error {
background: #770000;
}
.toastify.success {
background: #00660f;
}
/*placeholder for search and login section*/ /*placeholder for search and login section*/
.search-and-login { .search-and-login {
@ -638,6 +647,9 @@ hr {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
} }
.btn:disabled {
opacity: 0.3;
}
.btn-primary { .btn-primary {
background-color: var(--button-primary); background-color: var(--button-primary);