feat(journals): redesign list + entry views with glow, dark mode, compact mobile-first layout
- ae_comp__journal_obj_li: compact tap-target rows, glow wrapper, plain gray dark mode (no Skeleton paired utils) - +page.svelte (journals index): fix 'Managed by Account Name Not Set' bug, responsive spacing, glow on quick-add - ae_comp__journal_obj_id_view: glow wrapper, explicit bg-white/dark:bg-gray-900, remove broken dynamic color class - ae_comp__journal_entry_obj_li: glow wrapper, left-accent border on cards, fix dark mode hover - ae_comp__journal_entry_obj_id_view: glow wrapper, consistent gray dark mode, edit-mode ring indicator - ae_comp__journal_entry_header: replace Skeleton surface vars with plain grays (dark mode fix) - e_app_theme: fix theme selector panel readability in dark mode
This commit is contained in:
@@ -172,21 +172,28 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<section
|
||||
class="
|
||||
rounded-lg p-2 m-2 w-full
|
||||
flex flex-col flex-wrap items-center justify-center
|
||||
bg-{$lq__journal_obj?.cfg_json.color_scheme}-100
|
||||
dark:bg-gray-800
|
||||
text-gray-900 dark:text-gray-100
|
||||
"
|
||||
bind:clientHeight={$ae_loc.iframe_height_modal_body}
|
||||
>
|
||||
<div class="relative group/view w-full mx-2 my-1">
|
||||
<!-- Glow ring — mirrors Quick Add and Journal List -->
|
||||
<div
|
||||
class="absolute -inset-1 bg-linear-to-r from-primary-500 to-secondary-500
|
||||
rounded-2xl blur opacity-10 dark:opacity-20
|
||||
group-hover/view:opacity-25 dark:group-hover/view:opacity-35
|
||||
transition duration-700 pointer-events-none"
|
||||
></div>
|
||||
<section
|
||||
class="relative rounded-xl p-3 w-full
|
||||
flex flex-col gap-2 items-center justify-center
|
||||
bg-white dark:bg-gray-900
|
||||
border border-gray-200 dark:border-gray-700
|
||||
text-gray-900 dark:text-gray-100
|
||||
shadow-xl"
|
||||
bind:clientHeight={$ae_loc.iframe_height_modal_body}
|
||||
>
|
||||
<header
|
||||
class="ae_header journal__header flex flex-row flex-wrap gap-2 items-center justify-between w-full"
|
||||
>
|
||||
<h2 class="journal__name h3 text-center">
|
||||
<BookOpenText class="inline-block text-neutral-800/60" />
|
||||
<BookOpenText class="inline-block text-primary-500/80" />
|
||||
{@html $lq__journal_obj?.name ?? 'Loading...'}
|
||||
|
||||
{#if $ae_loc.edit_mode}
|
||||
@@ -247,8 +254,8 @@
|
||||
p-2
|
||||
w-full max-w-(--breakpoint-sm) md:max-w-(--breakpoint-md)
|
||||
font-mono
|
||||
text-gray-900
|
||||
dark:bg-gray-700 dark:text-gray-100
|
||||
bg-gray-50 text-gray-900
|
||||
dark:bg-gray-800 dark:text-gray-100
|
||||
shadow-md rounded-lg
|
||||
text-sm font-normal text-wrap word-break
|
||||
|
||||
@@ -264,7 +271,8 @@
|
||||
{@html $lq__journal_obj.description_md_html}
|
||||
</div>
|
||||
{/if}
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Standardized Journal Action/Config Modal -->
|
||||
<Journal_obj_id_edit
|
||||
|
||||
Reference in New Issue
Block a user