More layout fixes for IDAA....

This commit is contained in:
Scott Idem
2025-07-11 15:05:38 -04:00
parent e23999d728
commit 299d5b71c3
6 changed files with 25 additions and 16 deletions

View File

@@ -241,7 +241,7 @@ onDestroy(() => {
max-w-full
"
>
<span class="ae_icon fas fa-archive"></span>
<span class="ae_icon fas fa-archive text-neutral-800/80"></span>
<!-- <span class="ae_icon fas fa-file-archive"></span> -->
{@html $lq__archive_obj?.name ?? 'Archive'}
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}

View File

@@ -32,7 +32,15 @@ let ae_promises: key_val = $state({});
{#each $lq__archive_content_obj_li as idaa_archive_content_obj, index}
{#if idaa_archive_content_obj.group && idaa_archive_content_obj.group != $lq__archive_content_obj_li[index - 1]?.group}
<div class="ae_row archive_content__group flex flex-row items-center justify-center bg-white rounded-lg p-2 w-full max-w-(--breakpoint-lg)">
<!-- NOTE: m-auto is needed for the Novi site centering -->
<div
class="
ae_row archive_content__group
m-auto
flex flex-row items-center justify-center bg-white rounded-lg p-2
w-full max-w-(--breakpoint-lg)
"
>
<button
type="button"
class="novi_btn novi_margin_sm btn btn-md btn-info preset-tonal-secondary hover:preset-filled-secondary-500 transition w-96"

View File

@@ -34,7 +34,7 @@ let { lq__archive_obj_li }: Props = $props();
<header class="ae_header flex flex-row gap-2 items-center justify-between w-full">
<h3 class="archive__name h3">
<span class="fas fa-archive m-1"></span>
<span class="fas fa-archive m-1 text-neutral-800/80"></span>
<span class="archive__name">{@html idaa_archive_obj.name}</span>
</h3>
@@ -60,7 +60,7 @@ let { lq__archive_obj_li }: Props = $props();
"
title={`View: ${idaa_archive_obj?.name}`}>
<!-- <span class="fas fa-envelope-open m-1"></span> -->
<span class="fas fa-box-open m-1"></span>
<span class="fas fa-box-open m-1 text-neutral-800/80"></span>
Open
{#if idaa_archive_obj?.archive_content_count}

View File

@@ -129,7 +129,7 @@ onDestroy(() => {
"
>
<!-- <span class="ae_icon fas fa-calendar-alt"></span> -->
<span class="ae_icon fas fa-calendar-day"></span>
<span class="ae_icon fas fa-calendar-day text-neutral-800/80"></span>
{$lq__post_obj?.name ? $lq__post_obj?.name : 'BB Post'}
</h2>
@@ -175,7 +175,7 @@ onDestroy(() => {
transition
"
>
<span class="fas fa-arrow-left m-1"></span> Back to Posts List
<span class="fas fa-arrow-left m-1 text-neutral-800/80"></span> Back to Posts List
<!-- <span class="fas fa-times m-1"></span> View Other Meetings -->
</a>
@@ -204,7 +204,7 @@ onDestroy(() => {
title="View this BB Post"
>
<!-- <span class="far fa-window-close m-1"></span> -->
<span class="fas fa-times m-1"></span>
<span class="fas fa-times m-1 text-neutral-800/80"></span>
Cancel Edit
</button>
{:else}

View File

@@ -38,7 +38,7 @@ onMount(() => {
<header class="ae_header">
<h3 class="post__name flex flex-row gap-2 items-center h3 border-b border-gray-200 w-full">
<span class="post__name">
<span class="fas fa-comment-alt m-1"></span>
<span class="fas fa-comment-alt m-1 text-neutral-800/80"></span>
{@html idaa_post_obj.title}
</span>
{#if idaa_post_obj.topic_name}<span class="badge badge-info preset-tonal-secondary"><span class="fas fa-tag m-1"></span> {idaa_post_obj.topic_name}</span>{/if}
@@ -65,19 +65,19 @@ onMount(() => {
"
title={`View: ${idaa_post_obj?.name}`}
>
<span class="fas fa-envelope-open m-1"></span>
<span class="fas fa-envelope-open m-1 text-neutral-800/80"></span>
<!-- <span class="fas fa-info-circle"></span> -->
View Post
{#if idaa_post_obj?.post_comment_count}
<span class="ae_badge ae_info post__post_comment_count">
<span class="fas fa-comments"></span> {(idaa_post_obj?.post_comment_count == 1 ? `${idaa_post_obj?.post_comment_count} comment` : `${idaa_post_obj?.post_comment_count} comments` )}
<span class="fas fa-comments text-neutral-800/80"></span> {(idaa_post_obj?.post_comment_count == 1 ? `${idaa_post_obj?.post_comment_count} comment` : `${idaa_post_obj?.post_comment_count} comments` )}
</span>
{/if}
{#if idaa_post_obj?.linked_li_json?.length}
<span class="ae_badge ae_info post__linked_li_count">
<span class="fas fa-link"></span> {idaa_post_obj?.linked_li_json?.length}
<span class="fas fa-link text-neutral-800/80"></span> {idaa_post_obj?.linked_li_json?.length}
{(idaa_post_obj?.linked_li_json?.length == 1 ? ' file' : ' files')}
</span>
{/if}

View File

@@ -147,7 +147,7 @@ function add_activity_log(
w-full
"
>
<span class="fas fa-calendar-day"></span>
<span class="fas fa-calendar-day text-neutral-800/80"></span>
{idaa_event_obj?.name ?? 'Recovery Meeting'}
</h3>
@@ -200,7 +200,7 @@ function add_activity_log(
title={`View: ${idaa_event_obj?.name}`}
>
<!-- <span class="fas fa-envelope-open m-1"></span> -->
<span class="fas fa-calendar-check m-1"></span>
<span class="fas fa-calendar-check m-1 text-neutral-800/80"></span>
<!-- <span class="fas fa-info-circle"></span> -->
Meeting Details
</a>
@@ -342,7 +342,7 @@ function add_activity_log(
{#if $ae_loc.administrator_access}
<section class="ae_section ae_footer ae_meta event__meta text-sm text-gray-500">
<section class="ae_section ae_footer ae_meta event__meta text-sm text-neutral-500">
<!-- {#if idaa_event_obj.location_address_json}
<span
class="event__location_address_json"
@@ -381,16 +381,17 @@ function add_activity_log(
</div>
{:else}
<!-- Does this actually ever show? -->
<div class="space-y-2">
{#if $idaa_sess.recovery_meetings.qry__status === 'loading'}
<div class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
<!-- <Spinner class="m-3" /> -->
<span class="fas fa-spinner fa-spin m-1"></span>
xx Loading...
Loading...
</div>
{:else}
<div class="ae_highlight ae_padding_md ae_row ae_flex_justify_center">
xx No recovery meetings available to show. The search may need to be changed.
No recovery meetings available to show. The search may need to be changed.
</div>
{/if}
</div>