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

View File

@ -7,7 +7,7 @@
<title>Food Journal</title> <title>Food Journal</title>
<!--Add Favicon--> <!--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 --> <!-- Recipe Card Custom Element -->
<script src="assets/scripts/ReviewCard.js" type="module"></script> <script src="assets/scripts/ReviewCard.js" type="module"></script>
@ -29,7 +29,7 @@
</header> </header>
<main> <main>
<div class="journal-form"> <div class="journal-form" id="review-details">
<form> <form>
<fieldset class = "meal-name"> <fieldset class = "meal-name">
<h1 id="d-mealName" style="font-family: Century Gothic;"></h1> <h1 id="d-mealName" style="font-family: Century Gothic;"></h1>
@ -54,10 +54,10 @@
</div> </div>
<!---Navigation Buttons--> <!---Navigation Buttons-->
<div style="display: flex; justify-content: center; margin: 10px;"> <div style="display: flex; justify-content: center;">
<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')"> <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"/>
<button type="button" id="update-btn">Update</button> <img src ="./assets/images/edit_button_for_interface.png" style="margin: 20px 10px 20px 10px;" id="update-btn" height="50" width="50"/>
<button type="button" id="delete-btn" class="danger">Delete</button> <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> </div>
</main> </main>
@ -114,8 +114,8 @@
<button type="button" id="tag-add-btn"> + </button> <button type="button" id="tag-add-btn"> + </button>
</fieldset> </fieldset>
<button type="submit" id="save-btn" value="Submit">Save Review</button> <button type="submit" id="save-btn" value="Submit">Save</button>
<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')"> <input type="button" value="Cancel" id="home-btn" onclick="window.location.assign('./index.html')">
</form> </form>
</div> </div>
</body> </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,6 +83,7 @@ class ReviewCard extends HTMLElement {
} }
.tag-container { .tag-container {
margin-top: 20px;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
} }

View File

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

View File

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