ticketfrei/ticketfrei3
8
1
Fork 0
Code Issues 11 Pull requests 2 Projects 1 Releases Wiki Activity

[frontend] Add searchbar css in hoods page

Browse source
This commit is contained in:
Cathy Hu 2020-09-04 14:41:36 +02:00
parent 09318b24b0
commit 484dc0f507
1 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
kibicara-frontend/src/app/hoodspage/hoodspage.component.scss
View file

@ -1,6 +1,5 @@
.searchbar { .searchbar {
margin-top: 30px; width: calc(100% - 24px);
width: 100%;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
padding-top: 10px; padding-top: 10px;
@ -12,8 +11,7 @@
.page { .page {
padding-left: 10%; padding-left: 10%;
padding-right: 10%; padding-right: 10%;
margin-bottom: 5%; margin-bottom: 3%;
margin-top: 50px;
} }
.list { .list {
@ -31,7 +29,6 @@ h1 {
} }
.banner { .banner {
padding-top: 15%;
background: url("../../assets/hoods2.jpg"); background: url("../../assets/hoods2.jpg");
background-size: 100%; background-size: 100%;
width: 100%; width: 100%;
@ -41,12 +38,23 @@ h1 {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 20px; gap: 20px;
@media (max-width: 600px) {
grid-template-columns: 1fr;
gap: 0px;
}
margin-bottom: 20px;
} }
.text { .text {
padding-top: 20px; padding-top: 40px;
padding-bottom: 10px; padding-bottom: 30px;
color: gray; color: gray;
font-size: 1.4375rem; font-size: 1.4375rem;
line-height: 1.875rem; line-height: 1.875rem;
@media (max-width: 600px) {
grid-template-columns: 1fr;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
}
} }