TIST-37: Send ajax request to add favorite #27
@ -11,6 +11,8 @@ the_header(
|
||||
);
|
||||
?>
|
||||
|
||||
<div id="recipe-id" hidden><?= $context['recipe']->get_id() ?></div>
|
||||
|
||||
<div class="container">
|
||||
<div class="single-recipe">
|
||||
<div class="single-recipe-info">
|
||||
@ -72,8 +74,8 @@ the_header(
|
||||
</div>
|
||||
</div>
|
||||
<div class="small-btns">
|
||||
<button class="btn btn-secondary btn-small hover-anim" title="Add To Favorites">
|
||||
<i class="fa-regular fa-heart"></i>
|
||||
<button id="favorite-btn" class="btn btn-secondary btn-small hover-anim <?= $context['recipe']->is_in_favorite ? 'active' : '' ?>" title="Add To Favorites">
|
||||
<i class="<?= $context['recipe']->is_in_favorite ? 'fa-solid' : 'fa-regular' ?> fa-heart"></i>
|
||||
</button>
|
||||
<a class="btn btn-secondary btn-small hover-anim"
|
||||
href="<?php the_permalink('recipes:export-pdf', [$context['recipe']->get_id()]); ?>"
|
||||
|
||||
@ -92,6 +92,15 @@ body {
|
||||
.logo {
|
||||
max-width: 70px;
|
||||
}
|
||||
.toastify.info {
|
||||
background: #003a92;
|
||||
}
|
||||
.toastify.error {
|
||||
background: #770000;
|
||||
}
|
||||
.toastify.success {
|
||||
background: #00660f;
|
||||
}
|
||||
|
||||
/*placeholder for search and login section*/
|
||||
.search-and-login {
|
||||
@ -638,6 +647,9 @@ hr {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.btn:disabled {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: var(--button-primary);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user