Improved styles with colors. More config options. Other updates.
This commit is contained in:
@@ -29,10 +29,14 @@ let { log_lvl = 0, lq__journal_obj, lq__journal_entry_obj_li }: Props = $props()
|
||||
</script>
|
||||
|
||||
|
||||
<section class="svelte_component ae_section ae_view journal_obj view__journal_obj bg-white rounded-lg p-2 m-2" bind:clientHeight={$ae_loc.iframe_height_modal_body}>
|
||||
<section class="
|
||||
bg-white rounded-lg p-2 m-2 w-full
|
||||
flex flex-col flex-wrap items-center justify-center
|
||||
"
|
||||
bind:clientHeight={$ae_loc.iframe_height_modal_body}>
|
||||
|
||||
<header class="ae_header journal__header">
|
||||
<h2 class="journal__name h3">
|
||||
<h2 class="journal__name h3 text-center">
|
||||
<BookOpenText class="inline-block" />
|
||||
{@html $lq__journal_obj?.name ?? 'Loading...'}
|
||||
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
|
||||
@@ -48,22 +52,22 @@ let { log_lvl = 0, lq__journal_obj, lq__journal_entry_obj_li }: Props = $props()
|
||||
|
||||
<!-- Show Journal description -->
|
||||
<!-- class:bg-green-100={$lq__journal_obj?.cfg_json.color_scheme ?? 'green'} -->
|
||||
<div>
|
||||
<!-- <div> -->
|
||||
{#if $lq__journal_obj?.description}
|
||||
<div
|
||||
|
||||
class="
|
||||
prose
|
||||
space-y-1
|
||||
journal__description
|
||||
m-4
|
||||
p-2
|
||||
w-full max-w-screen-md
|
||||
font-mono
|
||||
bg-{$lq__journal_obj?.cfg_json.color_scheme}-100 text-gray-900
|
||||
dark:bg-blue-900 dark:text-gray-100
|
||||
shadow-md rounded-lg
|
||||
text-sm font-normal text-wrap whitespace-pre-wrap word-break
|
||||
max-w-screen-md
|
||||
text-sm font-normal text-wrap word-break
|
||||
|
||||
prose-p:m-0 prose-p:p-0
|
||||
prose-h1:underline prose-h1:decoration-double
|
||||
prose-h2:underline
|
||||
prose-h1:text-2xl prose-h2:text-xl prose-h3:text-lg
|
||||
@@ -74,7 +78,7 @@ let { log_lvl = 0, lq__journal_obj, lq__journal_entry_obj_li }: Props = $props()
|
||||
{@html $lq__journal_obj.description_md_html}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user