Still working on upgrading to Tailwind CSS v4 an dSkeleton v3.....
This commit is contained in:
@@ -116,9 +116,9 @@ $effect(() => {
|
||||
<div
|
||||
class="
|
||||
container journal journal_entry_obj
|
||||
border border-1
|
||||
border border
|
||||
px-2 py-1 space-y-1
|
||||
w-full max-w-screen-lg
|
||||
w-full max-w-(--breakpoint-lg)
|
||||
flex flex-col items-center justify-center
|
||||
bg-white text-gray-900
|
||||
dark:bg-gray-800 dark:text-gray-200
|
||||
@@ -187,7 +187,7 @@ $effect(() => {
|
||||
});
|
||||
}}
|
||||
class:hidden={$lq__journal_obj?.cfg_json?.hide_copy_plain_md}
|
||||
class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline text-xs lg:text-sm"
|
||||
class="btn btn-sm p-1 preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline text-xs lg:text-sm"
|
||||
title="Copy the markdown content"
|
||||
>
|
||||
<!-- <span class="fas fa-copy mx-1"></span> -->
|
||||
@@ -214,7 +214,7 @@ $effect(() => {
|
||||
});
|
||||
}}
|
||||
class:hidden={journals_journal_entry_obj.template || $lq__journal_obj?.cfg_json?.hide_copy_html}
|
||||
class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline lg:text-xs"
|
||||
class="btn btn-sm p-1 preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline lg:text-xs"
|
||||
title="Copy the rendered HTML content"
|
||||
>
|
||||
<!-- <span class="fas fa-copy mx-1"></span> -->
|
||||
@@ -254,7 +254,7 @@ $effect(() => {
|
||||
}
|
||||
}}
|
||||
class:hidden={journals_journal_entry_obj.template || $lq__journal_obj?.cfg_json?.hide_copy_rich}
|
||||
class="btn btn-sm p-1 variant-soft-secondary *:hover:inline lg:text-xs"
|
||||
class="btn btn-sm p-1 preset-tonal-secondary *:hover:inline lg:text-xs"
|
||||
title="Copy the rich text (rendered HTML) content"
|
||||
>
|
||||
<Copy size="1em" />
|
||||
@@ -293,7 +293,7 @@ $effect(() => {
|
||||
});
|
||||
}}
|
||||
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 preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline lg:text-xs"
|
||||
title="Clone this journal entry"
|
||||
>
|
||||
<!-- class="btn btn-sm variant-soft-surface hover:variant-filled-warning transition py-1 px-2" -->
|
||||
@@ -325,7 +325,7 @@ $effect(() => {
|
||||
});
|
||||
}}
|
||||
class:hidden={$lq__journal_obj?.cfg_json?.hide_copy_encrypted}
|
||||
class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline text-xs lg:text-sm"
|
||||
class="btn btn-sm p-1 preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline text-xs lg:text-sm"
|
||||
title="Copy the encrypted content"
|
||||
>
|
||||
<!-- <span class="fas fa-copy mx-1"></span> -->
|
||||
@@ -356,7 +356,7 @@ $effect(() => {
|
||||
<span class="font-semibold text-sm text-gray-500">
|
||||
{journals_journal_entry_obj?.data_json?.hosted_file_kv
|
||||
? Object.keys(journals_journal_entry_obj?.data_json?.hosted_file_kv).length
|
||||
: 0}×
|
||||
: 0}×
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -368,7 +368,7 @@ $effect(() => {
|
||||
|
||||
{#each journals_journal_entry_obj.tags.split(',') as tag}
|
||||
<span
|
||||
class="btn btn-sm variant-glass-tertiary hover:variant-ghost-tertiary transition py-1 px-2"
|
||||
class="btn btn-sm preset-tonal-tertiary hover:preset-tonal-tertiary border border-tertiary-500 transition py-1 px-2"
|
||||
title={`Tag: ${tag.trim()}`}
|
||||
>
|
||||
{tag.trim()}
|
||||
@@ -397,7 +397,7 @@ $effect(() => {
|
||||
}
|
||||
}}
|
||||
class:bg-green-100={$journals_loc.filter__category_code == journals_journal_entry_obj.category_code}
|
||||
class="btn btn-sm variant-outline-secondary hover:variant-filled-secondary transition py-1 px-2"
|
||||
class="btn btn-sm variant-outline-secondary hover:preset-filled-secondary-500 transition py-1 px-2"
|
||||
title={`Filter by category: ${journals_journal_entry_obj.category_code}`}
|
||||
>
|
||||
<Shapes class="mx-1 inline-block"/>
|
||||
@@ -407,7 +407,7 @@ $effect(() => {
|
||||
|
||||
<a
|
||||
href="/journals/{journals_journal_entry_obj?.journal_id}/entry/{journals_journal_entry_obj?.journal_entry_id}"
|
||||
class="btn variant-ghost-primary hover:variant-filled-primary transition"
|
||||
class="btn preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 transition"
|
||||
title={`View ID: ${journals_journal_entry_obj?.id}\n${journals_journal_entry_obj?.name ?? ae_util.iso_datetime_formatter(journals_journal_entry_obj.created_on, 'datetime_iso_12_no_seconds')}`}
|
||||
>
|
||||
<NotebookPen class="mx-1 inline-block"/>
|
||||
@@ -431,7 +431,7 @@ $effect(() => {
|
||||
$journals_sess.show__modal_append__journal_entry_id = journals_journal_entry_obj?.id;
|
||||
tmp_entry_obj = journals_journal_entry_obj;
|
||||
}}
|
||||
class="btn btn-icon btn-sm variant-ghost-surface hover:variant-filled-secondary transition"
|
||||
class="btn btn-icon btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-secondary-500 transition"
|
||||
>
|
||||
<ListPlus />
|
||||
<!-- Append -->
|
||||
@@ -597,7 +597,7 @@ $effect(() => {
|
||||
});
|
||||
}}
|
||||
class:hidden={!$ae_loc.edit_mode}
|
||||
class="btn btn-sm variant-soft-surface hover:variant-filled-warning transition py-1 px-2"
|
||||
class="btn btn-sm preset-tonal-surface hover:preset-filled-warning-500 transition py-1 px-2"
|
||||
title={`Set entry as ${journals_journal_entry_obj.hide ? 'visible' : 'hidden'}`}
|
||||
>
|
||||
{#if journals_journal_entry_obj.hide}
|
||||
@@ -684,7 +684,7 @@ $effect(() => {
|
||||
class:border-orange-200={$ae_loc.edit_mode}
|
||||
class:hover:border-orange-500={$ae_loc.edit_mode}
|
||||
class="
|
||||
flex-grow min-h-12 h-full w-full
|
||||
grow min-h-12 h-full w-full
|
||||
p-2
|
||||
bg-slate-100 text-gray-900
|
||||
dark:bg-slate-900 dark:text-gray-100
|
||||
@@ -702,7 +702,7 @@ $effect(() => {
|
||||
class:border-orange-200={$ae_loc.edit_mode}
|
||||
class:hover:border-orange-500={$ae_loc.edit_mode}
|
||||
class="
|
||||
flex-grow min-h-48 h-full w-full
|
||||
grow min-h-48 h-full w-full
|
||||
p-2
|
||||
bg-slate-100 text-gray-900
|
||||
dark:bg-slate-900 dark:text-gray-100
|
||||
@@ -793,13 +793,13 @@ $effect(() => {
|
||||
alert('Failed to update journal entry.');
|
||||
}
|
||||
}}
|
||||
class:variant-filled-error={tmp_entry_obj_changed}
|
||||
class:preset-filled-error-500={tmp_entry_obj_changed}
|
||||
class="
|
||||
btn btn-sm md:btn-md lg:btn-lg
|
||||
min-w-72 w-full lg:min-w-96
|
||||
max-w-96
|
||||
hover:variant-outline-success
|
||||
hover:variant-filled-success
|
||||
hover:preset-filled-success-500
|
||||
"
|
||||
>
|
||||
<Check />
|
||||
@@ -808,7 +808,7 @@ $effect(() => {
|
||||
<button
|
||||
type="button"
|
||||
onclick={$journals_sess.show__modal_append__journal_entry_id ?? false}
|
||||
class="btn variant-ghost-surface hover:variant-filled-surface transition"
|
||||
class="btn preset-tonal-surface border border-surface-500 hover:preset-filled-surface-500 transition"
|
||||
>
|
||||
<X />
|
||||
Cancel
|
||||
|
||||
Reference in New Issue
Block a user