added empty collaborator handling, hid feed, and fixed some minor styling
This commit is contained in:
parent
56786c1f91
commit
cdb7fa186a
4 changed files with 5 additions and 3 deletions
|
|
@ -36,6 +36,7 @@ const createList = () => {
|
||||||
form {
|
form {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
gap: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<template>
|
<template>
|
||||||
<nav class="header">
|
<nav class="header">
|
||||||
<span class="logo">
|
<span class="logo">
|
||||||
<NuxtLink to="/">
|
<NuxtLink to="/lists">
|
||||||
Movie Night
|
Movie Night
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
|
|
@ -86,7 +86,8 @@ const deleteList = () => {
|
||||||
</ul>
|
</ul>
|
||||||
</details>
|
</details>
|
||||||
|
|
||||||
<ul class="collaborators">
|
<div v-if="!list.collaborators.length">No collaborators found</div>
|
||||||
|
<ul v-else class="collaborators">
|
||||||
<li v-for="collaborator in list.collaborators" :key="collaborator.id">
|
<li v-for="collaborator in list.collaborators" :key="collaborator.id">
|
||||||
<span>{{ collaborator.username }}</span>
|
<span>{{ collaborator.username }}</span>
|
||||||
<select v-model="collaborator.role">
|
<select v-model="collaborator.role">
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ export const useAuth = () => {
|
||||||
credentials: 'include',
|
credentials: 'include',
|
||||||
})
|
})
|
||||||
await $api('/api/login', {method: 'POST', body: {email, password}})
|
await $api('/api/login', {method: 'POST', body: {email, password}})
|
||||||
await navigateTo('/')
|
await navigateTo('/lists')
|
||||||
}
|
}
|
||||||
|
|
||||||
const register = async (email: string, username: string) => {
|
const register = async (email: string, username: string) => {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue