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

Update styles and set up genres list page

Browse source
This commit is contained in:
Campbell Alden 2022-08-31 17:57:49 +09:00
parent 9163b9dbbb
commit 870c36de1f
4 changed files with 35 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

8
static/card.css
View file

@ -23,10 +23,12 @@
.card:hover .card-content {
flex-basis: 50%;
transition-delay: 0ms;
padding-top: 10px;
}
.card:hover .card-image {
flex-basis: 50%;
transition-delay: 0ms;
}
.card-content {
@ -35,11 +37,13 @@
flex-direction: column;
gap: 10px;
justify-content: space-between;
transition: flex-basis 250ms ease-out;
transition: all 250ms ease-out;
transition-delay: 250ms;
}
.card-image {
transition: flex-basis 250ms ease-out;
transition: all 250ms ease-out;
transition-delay: 250ms;
flex-grow: 1;
flex-basis: 100%;
object-fit: cover;

9
static/style.css
View file

@ -90,7 +90,7 @@ main {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 900px;
max-width: 930px;
}
.title, h1 {
@ -284,3 +284,10 @@ a:hover {
.http-header {
class="home-page-header" margin-top: 10vh;
}
.carasol {
display: flex;
overflow: auto;
gap: 10px;
padding-bottom: 20px;
}