Lots of updates to the notes. Style/layout fix for main Journals page.
This commit is contained in:
@@ -8,11 +8,11 @@
|
||||
import { goto } from '$app/navigation';
|
||||
|
||||
// *** Icons
|
||||
import {
|
||||
BookPlus, SquareLibrary, Wrench,
|
||||
FileUp, Loader2, Sparkles
|
||||
import {
|
||||
BookPlus, SquareLibrary, Wrench,
|
||||
FileUp, Loader2, Sparkles
|
||||
} from '@lucide/svelte';
|
||||
|
||||
|
||||
// *** Libraries & Stores
|
||||
import { liveQuery } from 'dexie';
|
||||
import { Modal } from 'flowbite-svelte';
|
||||
@@ -85,15 +85,13 @@
|
||||
</script>
|
||||
|
||||
<div class="page_container flex flex-col gap-8 items-center w-full min-h-screen p-4 md:p-8">
|
||||
|
||||
|
||||
<!-- Header Section -->
|
||||
<header class="text-center space-y-2 max-w-3xl">
|
||||
<div class="flex items-center justify-center gap-3 mb-2">
|
||||
<div class="p-3 bg-surface-500/10 rounded-2xl">
|
||||
<SquareLibrary size="3em" class="text-primary-500" />
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="text-4xl md:text-5xl font-black tracking-tight text-surface-900 dark:text-surface-100">
|
||||
<!-- <div class="p-3 bg-surface-500/10 rounded-2xl"> -->
|
||||
<SquareLibrary size="1em" class="text-primary-500 inline-block" />
|
||||
<!-- </div> -->
|
||||
Journals
|
||||
</h1>
|
||||
<p class="text-surface-600 dark:text-surface-400 font-medium">
|
||||
@@ -108,9 +106,9 @@
|
||||
<section class="w-full max-w-2xl">
|
||||
<div class="relative group">
|
||||
<div class="absolute -inset-1 bg-gradient-to-r from-primary-500 to-secondary-500 rounded-2xl blur opacity-25 group-hover:opacity-50 transition duration-1000 group-hover:duration-200"></div>
|
||||
<AeCompJournalEntryQuickAdd
|
||||
<AeCompJournalEntryQuickAdd
|
||||
journals_li={$lq__journal_obj_li}
|
||||
class="relative shadow-2xl rounded-xl overflow-hidden border border-surface-500/10 bg-surface-50 dark:bg-surface-900"
|
||||
class="relative shadow-2xl rounded-xl overflow-hidden border border-surface-500/10 bg-surface-50 dark:bg-surface-900"
|
||||
/>
|
||||
</div>
|
||||
<div class="mt-2 flex items-center justify-center gap-2 text-xs opacity-50 font-bold uppercase tracking-widest">
|
||||
|
||||
Reference in New Issue
Block a user