Mostly style improvements.
This commit is contained in:
@@ -29,24 +29,45 @@ let { lq__journal_obj_li }: Props = $props();
|
|||||||
|
|
||||||
{#each $lq__journal_obj_li as journals_journal_obj, index}
|
{#each $lq__journal_obj_li as journals_journal_obj, index}
|
||||||
<div
|
<div
|
||||||
class="container journal journal_obj border rounded p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-{journals_journal_obj?.cfg_json.color_scheme}-100"
|
class="
|
||||||
|
container journal journal_obj
|
||||||
|
border rounded p-2 mb-2 space-y-2
|
||||||
|
w-full max-w-(--breakpoint-md)
|
||||||
|
flex flex-col items-center justify-center
|
||||||
|
bg-{journals_journal_obj?.cfg_json.color_scheme}-100
|
||||||
|
"
|
||||||
class:hidden={(journals_journal_obj?.hide || !journals_journal_obj?.enable) && !$ae_loc.trusted_access}
|
class:hidden={(journals_journal_obj?.hide || !journals_journal_obj?.enable) && !$ae_loc.trusted_access}
|
||||||
class:dim={journals_journal_obj.hide}
|
class:dim={journals_journal_obj.hide}
|
||||||
class:bg-warning-100={!journals_journal_obj?.enable}
|
class:bg-warning-100={!journals_journal_obj?.enable}
|
||||||
class:text-warning-900={!journals_journal_obj?.enable}
|
class:text-warning-900={!journals_journal_obj?.enable}
|
||||||
>
|
>
|
||||||
|
|
||||||
<header class="ae_header flex flex-row gap-2 items-center justify-between w-full">
|
<header
|
||||||
|
class="
|
||||||
|
ae_header
|
||||||
|
flex flex-row gap-2 items-center justify-between
|
||||||
|
w-full
|
||||||
|
text-neutral-800/60
|
||||||
|
"
|
||||||
|
>
|
||||||
<h3 class="journal__name h3">
|
<h3 class="journal__name h3">
|
||||||
|
|
||||||
<BookType class="m-1 inline-block text-neutral-800/60" />
|
<BookType class="m-1 inline-block" />
|
||||||
|
|
||||||
<span class="journal__name">{@html journals_journal_obj.name}</span>
|
<span class="journal__name">{@html journals_journal_obj.name}</span>
|
||||||
|
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
<!-- Show a label if the type code is set -->
|
<!-- Show a label if the type code is set -->
|
||||||
{#if journals_journal_obj.type_code}
|
{#if journals_journal_obj.type_code}
|
||||||
<span class="bg-yellow-50 text-yellow-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-yellow-900 dark:text-yellow-300">
|
<span
|
||||||
|
class="
|
||||||
|
preset-tonal-warning
|
||||||
|
text-xs font-semibold
|
||||||
|
mr-2 px-2.5 py-0.5
|
||||||
|
rounded
|
||||||
|
|
||||||
|
"
|
||||||
|
>
|
||||||
<!-- <span class="ae_label">Type:</span> -->
|
<!-- <span class="ae_label">Type:</span> -->
|
||||||
<span class="ae_value">{journals_journal_obj.type_code}</span>
|
<span class="ae_value">{journals_journal_obj.type_code}</span>
|
||||||
</span>
|
</span>
|
||||||
@@ -55,7 +76,7 @@ let { lq__journal_obj_li }: Props = $props();
|
|||||||
|
|
||||||
<!-- {journals_journal_obj?.tmp_sort_3} -->
|
<!-- {journals_journal_obj?.tmp_sort_3} -->
|
||||||
|
|
||||||
{#if journals_journal_obj.description}
|
{#if journals_journal_obj.description && $ae_loc.edit_mode}
|
||||||
<div
|
<div
|
||||||
class="
|
class="
|
||||||
prose
|
prose
|
||||||
|
|||||||
Reference in New Issue
Block a user