Style improvements

This commit is contained in:
Scott Idem
2025-04-03 16:13:18 -04:00
parent ca2c5c7baf
commit 98676dffd9
4 changed files with 77 additions and 26 deletions

View File

@@ -95,12 +95,12 @@ let tmp_entry_obj: key_val = $state({});
});
}}
class:hidden={journals_journal_entry_obj.template}
class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline lg:text-xs"
class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline text-xs lg:text-sm"
title="Copy the markdown content"
>
<!-- <span class="fas fa-copy mx-1"></span> -->
<Copy size="1em" />
<RemoveFormatting size="2em" />
<RemoveFormatting size="1.25em" />
<span class="hidden">
Copy Plaintext Markdown
</span>
@@ -127,7 +127,7 @@ let tmp_entry_obj: key_val = $state({});
>
<!-- <span class="fas fa-copy mx-1"></span> -->
<Copy size="1em" />
<CodeXml size="2em" />
<CodeXml size="1.25em" />
<span class="hidden">
Copy Rendered HTML
</span>
@@ -168,7 +168,7 @@ let tmp_entry_obj: key_val = $state({});
>
<!-- class="btn btn-sm variant-soft-surface hover:variant-filled-warning transition py-1 px-2" -->
<!-- <Copy strokeWidth="1" /> -->
<Copy size="2em" />
<Copy size="1.25em" />
<span class="hidden md:inline">Clone</span>
</button>
@@ -205,7 +205,7 @@ let tmp_entry_obj: key_val = $state({});
title="Copy the rich text (rendered HTML) content"
>
<Copy size="1em" />
<TypeOutline size="2em" />
<TypeOutline size="1.25em" />
<span class="hidden">Copy Rich Text</span>
</button>
@@ -270,17 +270,21 @@ let tmp_entry_obj: key_val = $state({});
</header>
{#if journals_journal_entry_obj.content}
<div
class:hidden={journals_journal_entry_obj.hide}
class="
journal__content w-full p-2 bg-white shadow-md rounded-lg text-wrap text-sm font-mono whitespace-pre-wrap
journal__content
w-full p-1
bg-white shadow-lg rounded-lg
border border-gray-200 dark:border-gray-700
hover:border-gray-500 dark:hover:border-gray-500
text-wrap text-sm font-mono whitespace-pre-wrap
{$journals_slct.journal_obj.cfg_json.entry_li_max_height ? `${$journals_slct.journal_obj.cfg_json.entry_li_max_height} overflow-scroll` : ''}
"
>
{@html journals_journal_entry_obj.content}
{@html journals_journal_entry_obj.content}
</div>
<!-- This needs to remain hidden for the copy function to work and us not seeing the rendered HTML version. -->