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

Compare commits

base: tiradoe:b6a60f69a30cc4ef70fbfe98d0507f418ae3a63d
Branches Tags
tiradoe:main
tiradoe:lists-page-setup
..
compare: tiradoe:4a53125c549c2706012f0d78223c3ba866784c13
Branches Tags
tiradoe:main
tiradoe:lists-page-setup

No commits in common. "b6a60f69a30cc4ef70fbfe98d0507f418ae3a63d" and "4a53125c549c2706012f0d78223c3ba866784c13" have entirely different histories.
b6a60f69a3 ... 4a53125c54

7 changed files with 21 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

1
app/app.vue
View file

@ -13,7 +13,6 @@
body { body {
background-color: var(--color-primary); background-color: var(--color-primary);
font-family: var(--font-body), serif; font-family: var(--font-body), serif;
color: var(--color-surface);
} }
.content { .content {

10
app/assets/css/variables.css
View file

@ -1,16 +1,14 @@
:root { :root {
--color-primary: #0a439e; --color-primary: #f5f5f5;
--color-surface: #fff; --color-surface: #fff;
--font-body: 'Ubuntu', serif; --font-body: 'Ubuntu', serif;
--result-background: #c4c1d2; --result-background: #c4c1d2;
--card-background: #575757; --panel-background: #f5f5f5;
--panel-background: var(--card-background); --card-background: #c4c1d2;
--color-button-primary: #4caf50; --color-button-primary: #4caf50;
--color-button-warning: #f59e0b; --color-button-warning: #f59e0b;
--color-button-danger: #fb3b3b; --color-button-danger: #fb3b3b;
--color-action-button-text: #fff; --color-action-button-text: #fff;
--color-list-item-hover: #0058bd; --color-success-text: #4caf50;
--color-success-text: #4caf50p;
--color-error-text: #fb3b3b; --color-error-text: #fb3b3b;
--color-movie-background: #453e3e;
} }

6
app/components/movie-list.vue
View file

@ -28,7 +28,6 @@ const sortMovies = (movies: Movie[]): Movie[] => {
if (!currentSort.value) return movies; if (!currentSort.value) return movies;
const {field, direction} = currentSort.value; const {field, direction} = currentSort.value;
console.log(movies)
return [...movies].sort((a, b) => { return [...movies].sort((a, b) => {
const aVal = a[field]; const aVal = a[field];
const bVal = b[field]; const bVal = b[field];
@ -123,7 +122,7 @@ const isSortActive = (field: SortField, direction: SortDirection): boolean => {
</ul> </ul>
</div> </div>
</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>
<div v-if="filteredMovies.length === 0" class="movie-quote"> <div v-if="filteredMovies.length === 0" class="movie-quote">
<span class="quote">"You complete me."</span> <span class="quote">"You complete me."</span>
@ -221,7 +220,6 @@ const isSortActive = (field: SortField, direction: SortDirection): boolean => {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: var(--color-movie-background);
} }
.movie img { .movie img {
@ -273,4 +271,4 @@ const isSortActive = (field: SortField, direction: SortDirection): boolean => {
flex-grow: 1; flex-grow: 1;
} }
} }
</style> </style>

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

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

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

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

29
app/pages/account-settings.vue
View file

@ -3,32 +3,27 @@
import PageTitle from "~/components/common/page-title.vue"; import PageTitle from "~/components/common/page-title.vue";
import PasswordResetForm from "~/components/forms/password-reset-form.vue"; import PasswordResetForm from "~/components/forms/password-reset-form.vue";
import ProfileForm from "~/components/forms/profile-form.vue"; import ProfileForm from "~/components/forms/profile-form.vue";
import Card from "~/components/common/card.vue";
</script> </script>
<template> <template>
<div class="content"> <div>
<PageTitle title="Account Settings"/> <PageTitle title="Account Settings"/>
<card> <div class="password-settings settings-section">
<div class="password-settings settings-section"> <h2>Reset Password</h2>
<h2>Reset Password</h2> <PasswordResetForm/>
<PasswordResetForm/>
</div>
<div class="profile-settings settings-section">
<div class="profile-header">
<h2>Profile</h2>
<span class="public-profile-link">View Public Profile</span>
</div> </div>
</card>
<card> <ProfileForm/>
<div class="profile-settings settings-section"> </div>
<div class="profile-header">
<h2>Profile</h2>
<span class="public-profile-link">View Public Profile</span>
</div>
<ProfileForm/>
</div>
</card>
</div> </div>
</template> </template>

2
app/pages/lists/index.vue
View file

@ -83,7 +83,7 @@ const refreshLists = () => {
} }
.movie-list li:hover { .movie-list li:hover {
background-color: var(--color-list-item-hover); background-color: #eee;
} }
.not-found-message { .not-found-message {