Style improvements for small screens

This commit is contained in:
Scott Idem
2025-04-02 16:00:08 -04:00
parent e653d4d92a
commit 376f77ad8f
2 changed files with 11 additions and 6 deletions

View File

@@ -131,7 +131,7 @@ async function handle_update_journal() {
hover:variant-filled-tertiary hover:variant-filled-tertiary
transition transition
" "
title="View all journals" title="View all journals for this account: {$ae_loc.account_name}"
> >
<!-- <BookHeart /> --> <!-- <BookHeart /> -->
<!-- <Library /> --> <!-- <Library /> -->
@@ -151,6 +151,7 @@ async function handle_update_journal() {
hover:variant-filled-tertiary hover:variant-filled-tertiary
transition transition
" "
title="View all journal entries for this journal: {$lq__journal_obj?.name}"
> >
<Notebook /> <Notebook />
<!-- <Bookmark /> --> <!-- <Bookmark /> -->
@@ -183,7 +184,7 @@ async function handle_update_journal() {
hover:variant-filled-warning hover:variant-filled-warning
transition transition
" "
title="Edit Journal meta and configuration (name, type, passcode, categories, etc.)" title="Edit Journal meta and configuration (name, type, passcode, categories, etc.: {$lq__journal_obj?.name})"
> >
<Pencil /> <Pencil />
<span class="hidden md:inline"> <span class="hidden md:inline">
@@ -233,6 +234,7 @@ async function handle_update_journal() {
hover:variant-filled-secondary hover:variant-filled-secondary
transition transition
" "
title="Create a new journal entry for this journal: {$lq__journal_obj?.name}"
> >
<FilePlus /> <FilePlus />
<!-- <span class="fas fa-plus m-1"></span> --> <!-- <span class="fas fa-plus m-1"></span> -->

View File

@@ -76,8 +76,9 @@ $effect(() => {
<section class="svelte_component ae_section ae_view journal_entry_obj view__journal_entry_obj bg-white flex flex-col items-center justify-center rounded-lg w-full p-2 m-2 space-y-2" bind:clientHeight={$ae_loc.iframe_height_modal_body}> <section class="svelte_component ae_section ae_view journal_entry_obj view__journal_entry_obj bg-white flex flex-col items-center justify-center rounded-lg w-full p-2 m-2 space-y-2" bind:clientHeight={$ae_loc.iframe_height_modal_body}>
{#if $lq__journal_entry_obj} {#if $lq__journal_entry_obj}
<header class="ae_header journal_entry__header flex flex-row gap-2 items-center justify-between w-full"> <header class="ae_header journal_entry__header flex flex-row flex-wrap gap-2 items-center justify-between w-full">
<span class="flex flex-row gap-2 items-center justify-start">
<div class="flex flex-row flex-wrap gap-2 items-center justify-start">
<!-- Toggle edit for journal entry --> <!-- Toggle edit for journal entry -->
<button <button
type="button" type="button"
@@ -127,7 +128,7 @@ $effect(() => {
{/if} {/if}
</button> </button>
<h2 class="journal_entry__name h3"> <h2 class="journal_entry__name h4 md:h3">
<!-- <span class="fas fa-spinner fa-spin"></span> --> <!-- <span class="fas fa-spinner fa-spin"></span> -->
<span class="journal_entry__name inline-block"> <span class="journal_entry__name inline-block">
@@ -153,6 +154,7 @@ $effect(() => {
</h2> </h2>
<span class="flex flex-row flex-wrap gap-2 items-center justify-start">
<!-- Button to copy the Markdown version --> <!-- Button to copy the Markdown version -->
<button <button
type="button" type="button"
@@ -270,7 +272,8 @@ $effect(() => {
<Copy size="2em" /> <Copy size="2em" />
<span class="hidden md:inline">Clone</span> <span class="hidden md:inline">Clone</span>
</button> </button>
</span> </span>
</div>
<div class="flex flex-row flex-wrap gap-2 items-center justify-end"> <div class="flex flex-row flex-wrap gap-2 items-center justify-end">