Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/journals/+page.svelte
View File

@@ -141,7 +141,7 @@
>
<button
type="button"
class="btn variant-filled-secondary shadow-lg hover:scale-105 transition-transform"
class="btn preset-tonal-secondary shadow-lg hover:scale-105 transition-transform"
onclick={() =>
($journals_sess.show__modal_new__journal_obj = true)}
>
@@ -151,7 +151,7 @@
<button
type="button"
class="btn variant-filled-surface border border-surface-500/30 shadow-lg hover:scale-105 transition-transform"
class="btn preset-tonal-surface shadow-lg hover:scale-105 transition-transform"
onclick={() => (show_import_modal = true)}
>
<FileUp size="1.2em" class="mr-2" />
@@ -160,7 +160,7 @@
<button
type="button"
class="btn variant-soft-surface shadow-lg hover:scale-105 transition-transform"
class="btn preset-tonal-surface shadow-lg hover:scale-105 transition-transform"
onclick={() =>
($journals_sess.show__modal__journals_config = true)}
>
@@ -193,7 +193,7 @@
</p>
<button
type="button"
class="btn variant-filled-primary"
class="btn preset-filled-primary"
onclick={() =>
($journals_sess.show__modal_new__journal_obj = true)}
>
@@ -223,7 +223,7 @@
type="text"
placeholder="e.g. My Daily Logs"
bind:value={$journals_sess.journal.new_journal_name}
class="input variant-filled-surface rounded-lg"
class="input"
/>
</div>
<div class="space-y-1">
@@ -235,20 +235,20 @@
type="text"
placeholder="e.g. diary, log, notebook"
bind:value={$journals_sess.journal.new_journal_type_code}
class="input variant-filled-surface rounded-lg"
class="input"
/>
</div>
<div class="flex justify-end gap-2 pt-4">
<button
type="button"
class="btn variant-soft-surface"
class="btn preset-tonal-surface"
onclick={() =>
($journals_sess.show__modal_new__journal_obj = false)}
>Cancel</button
>
<button
type="button"
class="btn variant-filled-primary font-bold"
class="btn preset-filled-primary font-bold"
onclick={create_journal}>Create Journal</button
>
</div>