Style improvements
This commit is contained in:
@@ -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. -->
|
||||
|
||||
Reference in New Issue
Block a user