updated theme

This commit is contained in:
Edward Tirado Jr 2026-05-29 20:19:43 -05:00
parent 4a53125c54
commit 5909e51f8a
7 changed files with 33 additions and 21 deletions

View file

@ -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>