change #d-mealImg to #d-meal-img and #d-mealName to #d-meal-name

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2022-11-26 17:38:19 -08:00
parent af4378ee40
commit ae2e14172d
4 changed files with 5 additions and 6 deletions

View File

@ -32,13 +32,13 @@
<div class="journal-form" id="review-details">
<form>
<fieldset class = "meal-name">
<h1 id="d-mealName" style="font-family: Century Gothic;"></h1>
<h1 id="d-meal-name" style="font-family: Century Gothic;"></h1>
<h1 id="d-restaurant" style="font-family: Century Gothic; font-size: 30px;"></h1>
</fieldset>
<fieldset class = "meal-pics">
<!-- image source -->
<img width=40% height=40% id="d-mealImg" style="margin-left: auto; margin-right: auto; display: block;"/>
<img width=40% height=40% id="d-meal-img" style="margin-left: auto; margin-right: auto; display: block;"/>
</fieldset>
<fieldset class = "stars-and-comments" style="text-align: center;">

View File

@ -15,7 +15,7 @@ function setupInfo(){
let currReview = getReviewFromStorage(currID);
//meal image
let mealImg = document.getElementById("d-mealImg");
let mealImg = document.getElementById("d-meal-img");
mealImg.setAttribute("src",currReview["mealImg"]);
mealImg.addEventListener("error", function(e) {
mealImg.setAttribute("src", "./assets/images/default_plate.png");
@ -23,7 +23,7 @@ function setupInfo(){
});
//meal name
let mealLabel = document.getElementById("d-mealName");
let mealLabel = document.getElementById("d-meal-name");
mealLabel.innerHTML = currReview["mealName"];
//restaurant name

View File

@ -1,4 +1,3 @@
<!DOCTYPE html>
<html lang="en">
<head>

View File

@ -19,7 +19,7 @@
background-color: #f7dfd5;
}
#d-mealImg {
#d-meal-img {
border: 2px solid rgb(31 41 32);
border-radius: 8px;
}