updated theme
This commit is contained in:
parent
4a53125c54
commit
5909e51f8a
7 changed files with 33 additions and 21 deletions
|
|
@ -28,6 +28,7 @@ const sortMovies = (movies: Movie[]): Movie[] => {
|
|||
if (!currentSort.value) return movies;
|
||||
|
||||
const {field, direction} = currentSort.value;
|
||||
console.log(movies)
|
||||
return [...movies].sort((a, b) => {
|
||||
const aVal = a[field];
|
||||
const bVal = b[field];
|
||||
|
|
@ -122,7 +123,7 @@ const isSortActive = (field: SortField, direction: SortDirection): boolean => {
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<ButtonAction v-if="canEdit" button-text="Add Movie" @action="emit('add-movie')" />
|
||||
<ButtonAction v-if="canEdit" button-text="Add Movie" @action="emit('add-movie')"/>
|
||||
</div>
|
||||
<div v-if="filteredMovies.length === 0" class="movie-quote">
|
||||
<span class="quote">"You complete me."</span>
|
||||
|
|
@ -220,6 +221,7 @@ const isSortActive = (field: SortField, direction: SortDirection): boolean => {
|
|||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--color-movie-background);
|
||||
}
|
||||
|
||||
.movie img {
|
||||
|
|
@ -271,4 +273,4 @@ const isSortActive = (field: SortField, direction: SortDirection): boolean => {
|
|||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue