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

@@ -90,7 +90,7 @@
}
</script>
<div class="card p-4 space-y-4 variant-filled-surface {className}">
<div class="card p-4 space-y-4 preset-tonal-surface {className}">
<header
class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-2"
>
@@ -102,7 +102,7 @@
{#if journals_li && journals_li.length > 0}
<div class="w-full sm:w-auto">
<select
class="select select-sm variant-filled-surface border-surface-500/30 font-bold"
class="select select-sm font-bold"
value={target_journal_id}
onchange={handle_journal_change}
>
@@ -115,12 +115,12 @@
</select>
</div>
{:else if !target_journal_id}
<span class="badge variant-filled-error">No Journal Selected</span>
<span class="badge preset-tonal-error">No Journal Selected</span>
{/if}
</header>
<textarea
class="textarea variant-filled-surface border-surface-500/20"
class="textarea"
rows="3"
bind:value={note_content}
{placeholder}
@@ -137,7 +137,7 @@
<div class="flex justify-end space-x-2 grow sm:grow-0">
<button
type="button"
class="btn btn-sm variant-ghost-surface"
class="btn btn-sm preset-tonal-surface"
onclick={() => (note_content = '')}
disabled={is_submitting || note_content.length === 0}
>
@@ -145,7 +145,7 @@
</button>
<button
type="button"
class="btn btn-sm variant-filled-primary font-bold shadow-md"
class="btn btn-sm preset-filled-primary font-bold"
onclick={handle_submit}
disabled={is_submitting ||
!target_journal_id ||