Mostly cosmetic styles
This commit is contained in:
@@ -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}"
|
||||
>
|
||||
|
||||
@@ -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),
|
||||
|
||||
@@ -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}
|
||||
>
|
||||
|
||||
|
||||
@@ -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}
|
||||
>
|
||||
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user