matt
/
auditionadmin
1
0
Fork 0
Code Issues 16 Pull Requests Packages Projects Releases Wiki Activity

update appearance of results page

This commit is contained in:
Matt Young 2024-06-25 01:42:41 -05:00
parent 2cbf00b1d7
commit 1313252b48
4 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/views/components/results/layout.blade.php
View File

@ -35,7 +35,7 @@
</div> </div>
</div> </div>
<div class="mx-auto max-w-sm"> <div class="mx-auto max-w-sm mt-8">
{{ $slot }} {{ $slot }}

8
resources/views/components/results/table-audition-section.blade.php
View File

@ -1,11 +1,13 @@
@props(['auditionName']) @props(['auditionName'])
<div {{ $attributes->class(['relative']) }}> <div {{ $attributes->class(['relative mb-7']) }} x-data="{ open: false}">
<div class="sticky top-0 z-10 border-y border-b-gray-200 border-t-gray-100 bg-gray-50 px-3 py-1.5 text-sm font-semibold leading-6 text-gray-900"> <div x-on:click="open = ! open"
class="sticky top-0 z-10 border border-gray-300 bg-gray-50 px-3 pb-1.5 text-sm font-semibold leading-6 text-gray-900 rounded-t-lg shadow">
<h3>{{ $auditionName }}</h3> <h3>{{ $auditionName }}</h3>
<p class="text-xs font-medium text-gray-500">Click to open</p>
</div> </div>
<ul role="list" class="divide-y divide-gray-100"> <ul role="list" class="divide-y divide-gray-100" x-show="open">
{{ $slot }} {{ $slot }}
</ul> </ul>
</div> </div>

4
resources/views/components/results/table-seat-row.blade.php
View File

@ -1,6 +1,6 @@
@props(['seat','student_name','school']) @props(['seat','student_name','school'])
<li {{ $attributes->class(['flex gap-x-4 px-3 py-5 justify-between']) }}> <li {{ $attributes->class(['flex gap-x-4 px-3 py-2 justify-between bg-gray-50 border-x border-b shadow']) }}>
<div> <div class="text-sm font-semibold">
{{ $seat }} {{ $seat }}
</div> </div>
<div class="min-w-0 text-right"> <div class="min-w-0 text-right">

2
resources/views/results/index.blade.php
View File

@ -1,6 +1,6 @@
<x-results.layout> <x-results.layout>
<nav class="h-full overflow-y-auto mt-3" aria-label="Directory"> <nav class="h-full overflow-y-auto">
@foreach($publishedAuditions as $audition) @foreach($publishedAuditions as $audition)
<x-results.table-audition-section :auditionName="$audition->name"> <x-results.table-audition-section :auditionName="$audition->name">
@foreach($resultsSeatList[$audition->id] as $seat) @foreach($resultsSeatList[$audition->id] as $seat)