Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style improvements

Browse Source
This commit is contained in:
Scott Idem
2025-04-03 16:51:44 -04:00
parent 98676dffd9
commit 32553ca429
2 changed files with 29 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte
View File

@@ -724,19 +724,32 @@ $effect(() => {
}} }}
role={$ae_loc.edit_mode ? 'button' : 'article'} role={$ae_loc.edit_mode ? 'button' : 'article'}
tabindex={$ae_loc.edit_mode ? 0 : -1} tabindex={$ae_loc.edit_mode ? 0 : -1}
class:bg-orange-100={$ae_loc.edit_mode}
class:hidden={!$ae_loc.trusted_access || $journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id]} class:hidden={!$ae_loc.trusted_access || $journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id]}
class=" class="
flex-grow min-h-48 w-full max-w-6xl flex-grow
p-2 flex flex-col items-center justify-center
font-mono shadow-md rounded-lg
border border-gray-200 dark:border-gray-700
hover:border-gray-500 dark:hover:border-gray-500
" "
> >
<article <article
class="prose" class:border-orange-200={$ae_loc.edit_mode}
class:hover:border-orange-500={$ae_loc.edit_mode}
class="
prose
flex-grow
h-full min-h-48 w-full min-w-full max-w-6xl
p-2
font-mono
!bg-slate-100 !text-gray-900
dark:!bg-slate-900 dark:!text-gray-100
dark:prose-invert
shadow-md rounded-lg
border border-gray-200 dark:border-gray-700
hover:border-gray-500 dark:hover:border-gray-500
prose-h1:text-2xl prose-h2:text-xl prose-h3:text-lg
prose-h1:m-0 prose-h2:m-0 prose-h3:m-0 prose-h4:m-0 prose-h5:m-0 prose-h6:m-0
"
id="rendered_journal_entry_content_{$lq__journal_entry_obj?.journal_entry_id}" id="rendered_journal_entry_content_{$lq__journal_entry_obj?.journal_entry_id}"
> >
{@html $lq__journal_entry_obj?.content_md_html} {@html $lq__journal_entry_obj?.content_md_html}
@@ -761,11 +774,14 @@ $effect(() => {
$journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] = $journals_loc.entry.edit; $journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] = $journals_loc.entry.edit;
} }
}} }}
class:bg-orange-100={$ae_loc.edit_mode} class:border-orange-200={$ae_loc.edit_mode}
class:hover:border-orange-500={$ae_loc.edit_mode}
class=" class="
flex-grow min-h-48 w-full h-full flex-grow min-h-48 h-full w-full
p-2 p-2
bg-white shadow-lg rounded-lg bg-slate-100 text-gray-900
dark:bg-slate-900 dark:text-gray-100
shadow-lg rounded-lg
border border-gray-200 dark:border-gray-700 border border-gray-200 dark:border-gray-700
hover:border-gray-500 dark:hover:border-gray-500 hover:border-gray-500 dark:hover:border-gray-500
" "

4
src/routes/journals/ae_comp__journal_entry_obj_li.svelte
View File

@@ -276,7 +276,9 @@ let tmp_entry_obj: key_val = $state({});
class=" class="
journal__content journal__content
w-full p-1 w-full p-1
bg-white shadow-lg rounded-lg bg-slate-100 text-gray-900
dark:bg-slate-900 dark:text-gray-100
shadow-lg rounded-lg
border border-gray-200 dark:border-gray-700 border border-gray-200 dark:border-gray-700
hover:border-gray-500 dark:hover:border-gray-500 hover:border-gray-500 dark:hover:border-gray-500
text-wrap text-sm font-mono whitespace-pre-wrap text-wrap text-sm font-mono whitespace-pre-wrap