Mercurial > borealpoint

annotate resources/views/components/dropdown.blade.php @ 2:90296614b7e2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Adding in the base for the clients table
author luka
date Thu, 28 Aug 2025 20:55:40 -0400
parents 9d7dcd54c677
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
1 @props(['align' => 'right', 'width' => '48', 'contentClasses' => 'py-1 bg-white'])
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
2
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
3 @php
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
4 $alignmentClasses = match ($align) {
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
5 'left' => 'ltr:origin-top-left rtl:origin-top-right start-0',
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
6 'top' => 'origin-top',
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
7 default => 'ltr:origin-top-right rtl:origin-top-left end-0',
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
8 };
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
9
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
10 $width = match ($width) {
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
11 '48' => 'w-48',
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
12 default => $width,
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
13 };
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
14 @endphp
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
15
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
16 <div class="relative" x-data="{ open: false }" @click.outside="open = false" @close.stop="open = false">
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
17 <div @click="open = ! open">
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
18 {{ $trigger }}
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
19 </div>
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
20
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
21 <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
22 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75"
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
23 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
24 class="absolute z-50 mt-2 {{ $width }} rounded-md shadow-lg {{ $alignmentClasses }}"
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
25 style="display: none;" @click="open = false">
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
26 <div class="rounded-md ring-1 ring-black ring-opacity-5 {{ $contentClasses }}">
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
27 {{ $content }}
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
28 </div>
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
29 </div>
9d7dcd54c677 Initial Commit and package setup
luka
parents:
diff changeset
30 </div>