style(journals): standardize Skeleton v4 preset-* classes across all journal components

- Replace all Skeleton v2 variant-* classes with v4 preset-* equivalents
  - variant-filled-* → preset-filled-*
  - variant-soft-* / variant-ghost-* → preset-tonal-*
  - variant-outline-* → preset-outlined-*
  - variant-form-material removed from inputs/selects/textareas
  - input-bordered removed

- Fix dark mode: journal entry content hover (dark:hover:bg-blue-950)
- Fix dark mode: journal obj view section/description bg and text colors
- Fix modal headers: add dismissable=false + explicit X close button (all 3 journals modals)
- Fix DaisyUI wrappers removed from modal_journal_entry_append
- app.css: add global select padding-inline to fix text-against-border issue
This commit is contained in:
Scott Idem
2026-03-06 19:15:51 -05:00
parent 3ca9503b88
commit cc6f73ca04
18 changed files with 201 additions and 202 deletions

View File

@@ -177,7 +177,8 @@
rounded-lg p-2 m-2 w-full
flex flex-col flex-wrap items-center justify-center
bg-{$lq__journal_obj?.cfg_json.color_scheme}-100
text-gray-900 dark:text-gray-900
dark:bg-gray-800
text-gray-900 dark:text-gray-100
"
bind:clientHeight={$ae_loc.iframe_height_modal_body}
>
@@ -215,7 +216,7 @@
type="button"
onclick={() =>
($journals_sess.show__modal_edit__journal_obj = true)}
class="btn variant-filled-secondary py-1 px-3 shadow-md"
class="btn preset-tonal-secondary py-1 px-3 shadow-md"
title="Journal Config & Actions"
>
<Settings size="1.2em" class="mr-2" />
@@ -230,7 +231,7 @@
type="text"
bind:value={typed_journal_passcode}
placeholder="Passcode"
class="input input-sm variant-form-material w-32"
class="input input-sm w-32"
/>
</div>
{/if}
@@ -247,7 +248,7 @@
w-full max-w-(--breakpoint-sm) md:max-w-(--breakpoint-md)
font-mono
text-gray-900
dark:bg-blue-900/40 dark:text-gray-100
dark:bg-gray-700 dark:text-gray-100
shadow-md rounded-lg
text-sm font-normal text-wrap word-break