tiradoe/movie-night-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated theme

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
app/components/movie-list.vue
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>

2
app/components/panels/movie-details.vue
View file

@ -70,6 +70,7 @@ const criticScores = computed(() => {
<style scoped>
dt {
font-weight: bold;
font-size: 1.3rem;
}
.movie-detail {
@ -110,6 +111,7 @@ dt {
.movie-title {
text-align: center;
font-size: 2rem;
}
@media (max-width: 1300px) {

4
app/components/profile-menu.vue
View file

@ -58,7 +58,7 @@ onUnmounted(() => document.removeEventListener('click', onClickOutside))
right: 0;
top: 100%;
margin-top: 0.5rem;
background: white;
background: var(--card-background);
border: 1px solid #ccc;
border-radius: 0.5rem;
list-style: none;
@ -75,7 +75,7 @@ onUnmounted(() => document.removeEventListener('click', onClickOutside))
}
.dropdown li:hover {
background: #f0f0f0;
background: var(--color-list-item-hover);
}
</style>