Better style

This commit is contained in:
2024-04-11 11:32:45 -04:00
parent d242948d7e
commit f8e81bf7e4

View File

@@ -216,9 +216,9 @@ function handle_qr_camera(event) {
on:qr_camera={handle_qr_camera}
/> -->
<span class="flex flex-col md:flex-row wrap justify-center items-center">
<span class="flex flex-col md:flex-row wrap gap-1 justify-center items-center">
<button
class="btn btn-xl variant-ghost-primary m-2 w-64 add_person_qr_btn"
class="btn btn-xl variant-ghost-primary m-1 w-64 add_person_qr_btn"
on:click={() => {
// $slct.event_exhibit_tracking_id = null;
// $slct.event_exhibit_tracking_obj = null;
@@ -235,7 +235,7 @@ function handle_qr_camera(event) {
</button>
<button
class="btn btn-xl variant-ghost-primary m-2 w-64 add_person_search_btn"
class="btn btn-xl variant-ghost-primary m-1 w-64 add_person_search_btn"
on:click={() => {
// $slct.event_exhibit_tracking_id = null;
// $slct.event_exhibit_tracking_obj = null;
@@ -251,21 +251,30 @@ function handle_qr_camera(event) {
</button>
</span>
<span class="">
<span class="flex flex-row flex-wrap gap-1 justify-center items-center">
{#if ($events_loc.leads.show_content__scan_alert)}
<button class="btn btn-sm variant-soft-secondary" on:click={() => $events_loc.leads.show_content__scan_alert=false}><span class="fas fa-exclamation-triangle mx-1"></span> Hide Alert</button>
<button class="btn btn-sm variant-soft-warning" on:click={() => $events_loc.leads.show_content__scan_alert=false}><span class="fas fa-exclamation-triangle mx-1"></span> Hide Alert?</button>
{:else if (!$events_loc.leads.show_content__scan_alert)}
<button class="btn btn-sm variant-soft-secondary" on:click={() => $events_loc.leads.show_content__scan_alert=true}><span class="fas fa-exclamation-triangle mx-1"></span> Alert</button>
<button class="btn btn-sm variant-soft-warning" on:click={() => $events_loc.leads.show_content__scan_alert=true}><span class="fas fa-exclamation-triangle mx-1"></span> Alert</button>
{/if}
<button class="btn btn-sm variant-soft-warning" on:click={() => {
if ($events_loc.leads.default_to_scan) {
if (!confirm('Are you sure you want to enable the default scan option?')) {
return false;
}
}
$events_loc.leads.default_to_scan=!$events_loc.leads.default_to_scan;
}}
>
{@html ($events_loc.leads.default_to_scan ? '<span class="fas fa-toggle-on m-1"></span> Disable Default Scan?' : '<span class="fas fa-toggle-off m-1"></span> Enable Default Scan?')}
</button>
{#if ($events_loc.leads.show_content__scan_requirements)}
<button class="btn btn-sm variant-soft-secondary" on:click={() => $events_loc.leads.show_content__scan_requirements=false}><span class="fas fa-info mx-1"></span> Hide Requirements</button>
<button class="btn btn-sm variant-soft-secondary" on:click={() => $events_loc.leads.show_content__scan_requirements=false}><span class="fas fa-info mx-1"></span> Hide Requirements?</button>
{:else if (!$events_loc.leads.show_content__scan_requirements)}
<button class="btn btn-sm variant-soft-secondary" on:click={() => $events_loc.leads.show_content__scan_requirements=true}><span class="fas fa-info mx-1"></span> Requirements</button>
{/if}
<button class="btn btn-sm variant-soft-warning" on:click={() => $events_loc.leads.default_to_scan=!$events_loc.leads.default_to_scan}>
{@html ($events_loc.leads.default_to_scan ? '<span class="fas fa-toggle-on m-1"></span> Disable Default Scan' : '<span class="fas fa-toggle-off m-1"></span> Enable Default Scan')}
</button>
</span>
{#if $events_loc.leads.show_content__scan_alert}