Mostly cosmetic styles

This commit is contained in:
Scott Idem
2025-09-24 17:43:40 -04:00
parent 1ba9cd1c03
commit abed17f5da
5 changed files with 33 additions and 18 deletions

View File

@@ -245,7 +245,13 @@ async function handle_open_file() {
<div
class="event_launcher_file_cont flex flex-col md:flex-row gap-1 wrap items-center w-full max-w-full"
class="
event_launcher_file_cont
grow
flex flex-col md:flex-row flex-wrap
gap-1 items-center
max-w-full
"
class:justify-between={!hide_meta}
class:justify-center={hide_meta}
>
@@ -429,7 +435,7 @@ async function handle_open_file() {
}
}}
class="
btn btn-sm md:btn-md lg:btn-lg
btn btn-sm
preset-tonal-primary border border-primary-500
min-w-72 lg:min-w-96
"
@@ -468,7 +474,10 @@ async function handle_open_file() {
</span>
<span
class="badge preset-tonal-success hover:preset-filled-success-500 text-sm"
class="
badge my-0 py-0.5
preset-tonal-success hover:preset-filled-success-500 text-xs xl:text-sm
"
class:hidden={!event_file_obj.file_purpose}
>
{event_file_obj.file_purpose}
@@ -480,7 +489,7 @@ async function handle_open_file() {
<span
class="event_file_meta grow text-sm text-gray-500 flex sm:flex-col md:flex-row gap-1 wrap items-center justify-between w-64 max-w-64 font-mono"
class="event_file_meta grow text-sm text-gray-500 flex flex-col sm:flex-row gap-1 wrap items-center justify-between w-64 max-w-80 font-mono"
class:hidden="{hide_meta}"
>
@@ -595,22 +604,23 @@ async function handle_open_file() {
event_file_created_on
text-xs text-center
flex flex-row gap-1 items-center justify-end
w-24 max-w-28
w-24 md:w-44
preset-filled-surface-100-900
rounded
p-1
px-1
py-0.5
"
class:hidden="{hide_created_on}"
>
<span class="fas fa-calendar-day"></span>
<span class="flex flex-row flex-wrap gap-1 items-center justify-end">
<span class="w-18">
{ae_util.iso_datetime_formatter(event_file_obj.created_on, 'date_short')}
</span>
<span class="w-18">
<!-- <span class="fas fa-clock"></span> -->
{ae_util.iso_datetime_formatter(event_file_obj.created_on, 'time_12_short')}
</span>
<span class="flex flex-row flex-wrap md:flex-nowrap gap-1 items-center justify-end">
<span class="w-18">
{ae_util.iso_datetime_formatter(event_file_obj.created_on, 'date_short')}
</span>
<span class="w-18">
<!-- <span class="fas fa-clock"></span> -->
{ae_util.iso_datetime_formatter(event_file_obj.created_on, 'time_12_short')}
</span>
</span>
</span>
@@ -622,7 +632,7 @@ async function handle_open_file() {
preset-filled-surface-100-900
w-22 max-w-28
rounded
p-1
py-0.5
"
class:hidden="{hide_size}"
>

View File

@@ -18,8 +18,10 @@ interface Props {
lq__event_session_obj?: any;
slct__event_session_id?: string|null;
trigger_reload__event_obj_id?: boolean|null|string;
trigger_reload__event_session_obj_id?: boolean|null|string;
trigger_reload__event_session_obj_li?: boolean;
trigger_reload__event_location_obj_id?: boolean|null|string;
trigger_reload__event_location_obj_li?: boolean;
log_lvl?: number;
@@ -44,8 +46,10 @@ let {
lq__event_session_obj,
slct__event_session_id = $bindable(null),
trigger_reload__event_obj_id = $bindable(false),
trigger_reload__event_session_obj_id = $bindable(false),
trigger_reload__event_session_obj_li = $bindable(false),
trigger_reload__event_location_obj_id = $bindable(false),
trigger_reload__event_location_obj_li = $bindable(false),
log_lvl = $bindable(0),

View File

@@ -73,7 +73,7 @@ let lq__event_file_obj_li = $derived(liveQuery(async () => {
<ul class="space-y-1">
{#each $lq__event_file_obj_li as event_file_obj, index}
<li
class="flex flex-col md:flex-row wrap gap justify-center"
class="flex flex-col md:flex-row flex-wrap gap-1 items-center justify-start"
class:hidden={!$events_loc.launcher.show_content__hidden_files && event_file_obj.hide}
>

View File

@@ -327,10 +327,10 @@ let ae_promises: key_val = $state({});
</button>
{/if} -->
</div>
<ul>
<ul class="space-y-1">
{#each $lq__event_file_obj_li as event_file_obj, index}
<li
class="flex flex-row justify-center gap-1"
class="flex flex-row flex-wrap gap-1 items-center justify-center"
class:hidden={!$events_loc.launcher.show_content__hidden_files && event_file_obj.hide}
>

View File

@@ -162,6 +162,7 @@ function handle_load_ae_obj_id__event_session(event_session_id: any) {
w-full max-w-full
p-0 m-0
flex flex-col gap-0.5 items-start justify-start
transition-all
"
>
{#each $lq__event_session_obj_li as event_session_obj}