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

ui cleanup
Some checks are pending
linter / quality (push) Waiting to run
Details
tests / ci (push) Waiting to run
Details

Browse source
This commit is contained in:
Edward Tirado Jr 2025-12-26 13:07:15 -06:00
parent b6a365cde1
commit 54355fc942
6 changed files with 83 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

23
resources/views/livewire/movie-list.blade.php
View file

@ -7,7 +7,7 @@
</button>
</div>
<x-ui.card class="overflow-hidden">
<x-ui.card class="overflow-hidden min-h-screen">
<div class="absolute">
<livewire:search-panel :list-id="$list->id"/>
<livewire:movie-details-panel/>
@ -20,9 +20,16 @@
<!-- Movie List View -->
<div class="w-full flex-shrink-0 flex flex-col gap-5">
<div class="flex flex-col-reverse sm:flex-row gap-5 sm:gap-0 justify-between w-full">
<input class="flex bg-white p-2 rounded sm:w-100" type="text" placeholder="Filter movies"
wire:model.live="filterText"
wire:keyup="filterMovies"/>
<div>
<input class="flex bg-white p-2 rounded sm:w-100" type="text" placeholder="Filter movies"
wire:model.live="filterText"
wire:keyup="filterMovies"/>
<div class="mt-5">
<span class="bold">Sort: </span>
<span>DESC</span>
<span>ASC</span>
</div>
</div>
<hr class="my-2 sm:my-0"/>
<button wire:click="$dispatch('openSearch')"
@ -45,7 +52,6 @@
</div>
@endif
</div>
<!-- Settings View -->
<div class="w-full flex-shrink-0 flex flex-col gap-5">
<div class="flex justify-between items-center">
@ -55,7 +61,7 @@
<h2 class="text-xl font-semibold">Settings</h2>
</div>
<div class="flex flex-col gap-2 w-full">
<div class="flex flex-col gap-2 w-full p-5">
<label for="list-name">List Name</label>
<div class="flex flex-row">
<input type="text" wire:model.live="settingsForm.name" id="list-name"
@ -64,8 +70,9 @@
</button>
</div>
</div>
<div class="flex items-center justify-between bg-gray-700 p-4 rounded">
<label for="is_public" class="text-white">Make list public</label>
<div
class="flex items-center justify-between bg-gray-700 hover:bg-gray-500 hover:opacity-85 p-5 rounded">
<label for="is_public" class="text-white cursor-pointer">Make list public</label>
<input type="checkbox"
id="is_public"
wire:model.live="settingsForm.isPublic"