Style improvements for small screens
This commit is contained in:
@@ -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> -->
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user