CaAlden/film
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve the layout of the home page

Browse source
This commit is contained in:
Campbell Alden 2022-08-31 12:54:09 +09:00
parent ad245ae8b4
commit ea0d2ad97b
10 changed files with 120 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

39
static/home.css Normal file
View file

@ -0,0 +1,39 @@
.home-page-header {
display: flex;
flex-direction: column;
text-align: center;
gap: 10px;
}
.home-page-header p {
text-align: center;
margin: 0;
}
.search-bar {
display: flex;
background: white;
padding: 10px;
border-radius: 8px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
gap: 10px;
align-items: center;
cursor: pointer;
}
.search-bar input {
flex-grow: 1;
flex-basis: 600px;
background: inherit;
outline: none;
border: none;
font-size: 16px;
font-family: var(--body-font-family)
}
.cards {
display: flex;
flex-wrap: wrap;
padding: 10px;
gap: 10px;
}