Improvements on styling for Novi.

This commit is contained in:
Scott Idem
2024-11-19 17:42:26 -05:00
parent 9a681455ca
commit e2d67087ce
3 changed files with 13 additions and 8 deletions

View File

@@ -148,7 +148,13 @@ $: lq__post_comment_obj = liveQuery(async () => {
{/if} {/if}
</button> </button>
{/if} {/if}
{$lq__post_obj?.title ?? 'New Post'} <!-- {$lq__post_obj?.title ?? 'New Post'} -->
<span class="">
<span class="fas fa-comment-alt m-1"></span>
{@html $lq__post_obj?.title ?? 'New Post'}
<!-- - {$lq__post_obj?.id ?? 'Not Yet Saved'} -->
</span>
{#if $lq__post_obj?.topic_id}<span class="badge badge-info variant-glass-secondary"><span class="fas fa-user-md m-1"></span> {$lq__post_obj?.topic_name}</span>{/if}
</h3> </h3>
</div> </div>
</svelte:fragment> </svelte:fragment>

View File

@@ -96,16 +96,15 @@ onDestroy(() => {
/> />
{:else} {:else}
<div class="post__header"> <!-- <div class="post__header">
<h2 class="post__title flex flex-row gap-2 items-center"> <h2 class="post__title flex flex-row gap-2 items-center h3">
<span class="h3"> <span class="">
<span class="fas fa-comment-alt m-1"></span> <span class="fas fa-comment-alt m-1"></span>
{@html $lq__post_obj?.title ?? 'New Post'} {@html $lq__post_obj?.title ?? 'New Post'}
<!-- - {$lq__post_obj?.id ?? 'Not Yet Saved'} -->
</span> </span>
{#if $lq__post_obj?.topic_id}<span class="badge badge-info variant-glass-secondary"><span class="fas fa-user-md m-1"></span> {$lq__post_obj?.topic_name}</span>{/if} {#if $lq__post_obj?.topic_id}<span class="badge badge-info variant-glass-secondary"><span class="fas fa-user-md m-1"></span> {$lq__post_obj?.topic_name}</span>{/if}
</h2> </h2>
</div> </div> -->
<div class="post__content space-y-2"> <div class="post__content space-y-2">
<pre class="post__content p-2 bg-white shadow-md rounded-lg text-wrap text-sm font-normal whitespace-pre-wrap">{@html $lq__post_obj?.content}</pre> <pre class="post__content p-2 bg-white shadow-md rounded-lg text-wrap text-sm font-normal whitespace-pre-wrap">{@html $lq__post_obj?.content}</pre>

View File

@@ -30,8 +30,8 @@ onMount(() => {
> >
<header class="ae_header"> <header class="ae_header">
<h3 class="post__title flex flex-row gap-2 items-center"> <h3 class="post__title flex flex-row gap-2 items-center h3">
<span class="post__title h3"> <span class="post__title">
<span class="fas fa-comment-alt m-1"></span> <span class="fas fa-comment-alt m-1"></span>
{@html idaa_post_obj.title} {@html idaa_post_obj.title}
</span> </span>