alu/cse110-fa22-group29
1
0
Fork 0
mirror of https://github.com/cse110-fa22-group29/cse110-fa22-group29.git synced 2025-09-10 16:27:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'sprint-2' into sprint-2-css-review-details

Browse Source
This commit is contained in:
d7hernan
2022-11-20 22:49:51 -08:00
parent 49f85d5468 069aff88af
commit 4c5132c2b2
11 changed files with 385 additions and 384 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
source/static/homepage.css
View File

@@ -1,57 +1,68 @@
/* homepage.css */
/* Color*/
body{
/*background-color: #97a5bd*/
background-color: #E3E3EC;
}
.Top-Bar{
.top-bar {
display: flex;
justify-content: center;
}
.Top-Bar > img{
position: relative;
.top-bar > img {
position: relative;
align-self: center;
padding-left: 2.5%;
padding-right: 2.5%;
}
.Top-Bar > h1{
position: relative;
text-align: center;
/*color: #E4C3D2;*/
color: #8284D0;
font-size: 100px;
font-family: 'Lucida Sans';
.top-bar > h1 {
position: relative;
text-align: center;
color: #e4c3d2;
font-size: 6rem;
}
.Top-Bar > form{
position: relative;
float: right;
.body-container {
display: flex;
max-height: 100%;
}
.Review-boxes {
position: relative;
.center-display {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.search-bar {
display: flex;
justify-content: center;
}
#recent-reviews-text {
font-family: 'Lucida Sans';
text-align: center;
font-size: 80px;
/*Color: #E4C3D2;*/
color: #8284D0;
}
.Review-boxes > input {
position: relative;
text-align: center;
font-size: 4rem;
color: #e4c3d2;
}
img#create-btn {
position: relative;
position: relative;
align-self: center;
padding-left: 2.5%;
padding-right: 2.5%;
}
.Filter-box{
background: #e4d9e9;
position: absolute;
border: 5px solid #99a2c2;
}
.review-container{
display: flex;
position: relative;
flex-wrap: wrap;
.review-container {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
}
.review-container > div {
background-color: #f1f1f1;
text-align: center;
}
background-color: #f1f1f1;
text-align: center;
}