fixed logo and tags

Co-authored-by: Kara Hoagland <KH-Cl@users.noreply.github.com>
Co-authored-by: Arthur Lu <learthurgo@gmail.com>
Co-authored-by: d7hernan <d7hernan@users.noreply.github.com>
This commit is contained in:
rheabhutada02 2022-11-21 17:03:10 -08:00
parent b5e5a88163
commit 0912ea7956
8 changed files with 21 additions and 16 deletions

View File

@ -84,8 +84,8 @@
<button type="button" id="tag-add-btn"> + </button>
</fieldset>
<button type="submit" id="save-btn" value="Submit">Save Review</button>
<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')">
<button type="submit" id="save-btn" value="Submit">Save</button>
<input type="button" value="Cancel" id="home-btn" onclick="window.location.assign('./index.html')">
</form>
</div>
</body>

View File

@ -7,7 +7,7 @@
<title>Food Journal</title>
<!--Add Favicon-->
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
<link rel="icon" type="image/x-icon" href="./assets/images/icons/favicon.ico">
<!-- Recipe Card Custom Element -->
<script src="assets/scripts/ReviewCard.js" type="module"></script>
@ -29,7 +29,7 @@
</header>
<main>
<div class="journal-form">
<div class="journal-form" id="review-details">
<form>
<fieldset class = "meal-name">
<h1 id="d-mealName" style="font-family: Century Gothic;"></h1>
@ -54,10 +54,10 @@
</div>
<!---Navigation Buttons-->
<div style="display: flex; justify-content: center; margin: 10px;">
<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')">
<button type="button" id="update-btn">Update</button>
<button type="button" id="delete-btn" class="danger">Delete</button>
<div style="display: flex; justify-content: center;">
<img src="./assets/images/home_button_for_interface.png" style="margin: 20px 10px 20px 10px;" id="home-btn" onclick="window.location.assign('./index.html')" height="50" width="50"/>
<img src ="./assets/images/edit_button_for_interface.png" style="margin: 20px 10px 20px 10px;" id="update-btn" height="50" width="50"/>
<img src ="./assets/images/delete_icon_for_interface.png" style="margin: 20px 10px 20px 10px;" id="delete-btn" class="danger" height="50" width="50"/>
</div>
</main>
@ -114,8 +114,8 @@
<button type="button" id="tag-add-btn"> + </button>
</fieldset>
<button type="submit" id="save-btn" value="Submit">Save Review</button>
<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')">
<button type="submit" id="save-btn" value="Submit">Save</button>
<input type="button" value="Cancel" id="home-btn" onclick="window.location.assign('./index.html')">
</form>
</div>
</body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

View File

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -83,11 +83,12 @@ class ReviewCard extends HTMLElement {
}
.tag-container {
margin-top: 20px;
display: flex;
flex-flow: row wrap;
}
}
.a-tag {
.a-tag {
background-color:#94da97;
border-radius: 7px;
color: #94da97;
@ -95,7 +96,7 @@ class ReviewCard extends HTMLElement {
padding-left: 7px;
margin: 3px;
font-weight: bold;
}
}
`;
articleEl.append(styleEl);
shadowEl.append(articleEl);

View File

@ -167,7 +167,7 @@ function setupUpdate(){
tagContainer.removeChild(tags[i]);
}
newData["revietawID"] = currID;
newData["reviewID"] = currID;
updateReviewToStorage(currID, newData);

View File

@ -40,6 +40,10 @@ h1 {
color: white;
padding-right: 7px;
padding-left: 7px;
margin-left: 10px;
margin-right: 10px;
margin: 10px 10px 10px 10px;
}
.tag-container > .d-tag {
max-width: 100%;
overflow-wrap: anywhere;
}