added placeholder quotes

This commit is contained in:
Edward Tirado Jr 2025-06-19 02:12:17 -05:00
parent c0ee18e9d3
commit 97a63ac72d
6 changed files with 93 additions and 20 deletions

View file

@ -1,5 +1,5 @@
<template>
<LoadingIcon v-if="loading" />
<LoadingIcon v-if="loading" show-quote="true" />
<div v-else class="p-5 sm:p-0">
<Modal ref="movie_modal">
<ShowMovie
@ -11,7 +11,10 @@
></ShowMovie>
</Modal>
<h2 class="text-xl font-bold pb-5">{{ list.name }}</h2>
<div class="grid grid-cols-2 rounded movie-card neon-border p-5">
<div
v-if="movies.length > 1 && !loading"
class="grid grid-cols-2 rounded movie-card neon-border p-5"
>
<div>
<ul class="flex flex-row">
<li>
@ -34,8 +37,13 @@
/>
</div>
<div v-if="movies.length < 1 && !loading" class="mt-10 flex gap-5 flex-col">
No Movies Found
<MovieQuote />
</div>
<!-- MOVIE LIST -->
<ul
v-else
class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 mt-5"
>
<li

View file

@ -1,9 +1,15 @@
<template>
<div class="p-5 sm:p-0">
<div v-if="lists.length < 1 && !loading">
<div>
<LoadingIcon
v-if="loading"
class="w-full p-5 sm:p-0 max-w-2xl"
show-quote="true"
/>
<div v-if="lists.length < 1 && !loading" class="flex flex-col gap-10">
<p>No lists found</p>
<MovieQuote />
</div>
<LoadingIcon v-if="loading" />
<ul class="grid grid-cols-2 gap-3 mt-5">
<li v-for="list in lists" class="movie-card neon-border p-5 rounded">

View file

@ -7,6 +7,7 @@
class="p-5"
>
<span>No Showings Found</span>
<MovieQuote />
</div>
<ul class="flex flex-col gap-5">
<li
@ -35,7 +36,7 @@
<!-- PREVIOUS SHOWINGS -->
<LoadingIcon v-if="loadingPrevious" />
<div v-else id="previous-showings" class="mt-5 list-group">
<div v-else id="previous-showings" class="p-5 mt-5 list-group">
<span
class="block mb-5 hover-pointer underline"
@click="getSchedule(true)"