alu/cse110-fa22-group29
1
0
Fork 0
mirror of https://github.com/cse110-fa22-group29/cse110-fa22-group29.git synced 2025-10-30 19:46:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

centered search journal form

Browse Source
This commit is contained in:
d7hernan
2022-11-20 21:58:44 -08:00
parent b24b1110f6
commit 069aff88af
2 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
source/index.html
View File

@@ -28,22 +28,26 @@
<div class="body-container"> <div class="body-container">
<div style="width: 20%;"></div> <div style="width: 20%;"></div>
<div style="width: 60%;"> <div style="width: 60%;">
<div class="search-bar">
<form id="form">
<input type="search" id="searching" name="searchBar" placeholder="Search journal...">
<button class="click" type="search"> Search
</button>
<div class="Filter-box">
</div>
</form>
</div>
<div class="center-display"> <div class="center-display">
<img src ="./assets/images/icons/Grouppink.png" alt="CREATE" style="opacity: 100%;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"/> <img src ="./assets/images/icons/Grouppink.png" alt="CREATE" style="opacity: 100%;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"/>
<h2 id="recent-reviews-text"> Recent Reviews </h2> <h2 id="recent-reviews-text"> Recent Reviews </h2>
<img src ="./assets/images/icons/Grouppink.png" style="opacity:0;"/> <img src ="./assets/images/icons/Grouppink.png" style="opacity:0;"/>
</div> </div>
<div class="review-container" id="review-container"></div> <div class="review-container" id="review-container"></div>
</div> </div>
<div style="width: 20%;"> <div style="width: 20%;">
<form id="form">
<input type="search" id="seaching" name="searchBar" placeholder="Search journal...">
<button class="click" type="search">
Search
</button>
<div class="Filter-box"></div>
</form>
</div> </div>
</div> </div>
</main> </main>

5
source/static/homepage.css
View File

@@ -36,6 +36,11 @@ body {
align-items: center; align-items: center;
} }
.search-bar {
display: flex;
justify-content: center;
}
#recent-reviews-text { #recent-reviews-text {
text-align: center; text-align: center;
font-size: 4rem; font-size: 4rem;