From 7c683d9d6f838a51a14f05d5c53f818bb170e2f5 Mon Sep 17 00:00:00 2001
From: root <root@COLIN-LIANG-L.enflame.cn>
Date: Wed, 4 Dec 2024 16:03:33 +0800
Subject: [PATCH] Update UI.

---
 src/lib/components/notes/note-card.svelte     |  2 -
 .../notes/note-delete-button.svelte           |  2 +
 src/routes/+page.svelte                       | 90 +++++++++----------
 3 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/src/lib/components/notes/note-card.svelte b/src/lib/components/notes/note-card.svelte
index bc3b94b..1f42e48 100644
--- a/src/lib/components/notes/note-card.svelte
+++ b/src/lib/components/notes/note-card.svelte
@@ -3,7 +3,6 @@
 	import type { Note } from '$lib/stores/notes';
 	import { notes, tags, themeUpperCase } from '$lib/stores';
 	import NoteColorPicker from './note-color-picker.svelte';
-	import NoteTimestamp from './note-timestamp.svelte';
 	import NoteContent from './note-content.svelte';
 	import NoteDeleteButton from './note-delete-button.svelte';
 	import NoteEditButton from './note-edit-button.svelte';
@@ -39,7 +38,6 @@
 			{/if}
 			<NoteDeleteButton {note} {noteEditorStore} />
 			<div class="note-card__spacer" />
-			<NoteTimestamp {note} />
 			<NoteColorPicker {note} {noteEditorStore} />
 			<NoteTagButton on:click={focusTags} />
 		</div>
diff --git a/src/lib/components/notes/note-delete-button.svelte b/src/lib/components/notes/note-delete-button.svelte
index 1f026a7..28bc290 100644
--- a/src/lib/components/notes/note-delete-button.svelte
+++ b/src/lib/components/notes/note-delete-button.svelte
@@ -2,6 +2,7 @@
 	import FaTrash from '$icon/fa-trash.svelte';
 	import Button from '../button.svelte';
 	import { notes } from '$lib/stores';
+	import NoteTimestamp from './note-timestamp.svelte';
 	import type { Note } from '$lib/stores/notes';
 	import FaCircleXmark from '$icon/fa-circle-xmark.svelte';
 	import FaCircleCheck from '$icon/fa-circle-check.svelte';
@@ -16,6 +17,7 @@
 	<Button plain icon label="Delete note" on:click={() => expand('delete')}>
 		<FaTrash />
 	</Button>
+	<NoteTimestamp {note} />
 {:else}
 	<div class="note-delete-confirmation">
 		<span>Delete?</span>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 65900f8..23b471e 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,45 +1,45 @@
-<script lang="ts">
-	import AppHeader from '$lib/components/app-header.svelte';
-	import AppUpdatePrompt from '$lib/components/app-update-prompt.svelte';
-	import FilterTags from '$lib/components/filter-tags.svelte';
-	import NoteSearchButton from '$lib/components/notes/note-search-button.svelte';
-	import SettingsButton from '$lib/components/settings/settings-button.svelte';
-	import NoteAddButton from '$lib/components/notes/note-add-button.svelte';
-	import NoteListPlaceholder from '$lib/components/notes/note-list-placeholder.svelte';
-	import NoteList from '$lib/components/notes/note-list.svelte';
-	import SettingsModal from '$lib/components/settings/settings-modal.svelte';
-	import WelcomeModal from '$lib/components/welcome-modal.svelte';
-	import { notes, tags } from '$lib/stores';
-
-	const notesCount = notes.count;
-</script>
-
-<AppHeader />
-<main>
-	<section hidden={$tags.length === 0}>
-		<FilterTags />
-	</section>
-	<section>
-		{#if $notesCount}
-			<NoteList />
-		{:else if $notesCount === 0}
-			<NoteListPlaceholder />
-		{/if}
-		<SettingsButton />
-		<NoteSearchButton />
-		<NoteAddButton />
-	</section>
-</main>
-<WelcomeModal />
-<SettingsModal />
-<AppUpdatePrompt />
-
-<style lang="scss">
-	main {
-		padding: 1.5rem 1.5rem 7.5rem;
-	}
-
-	section:last-of-type {
-		margin: 0;
-	}
-</style>
+<script lang="ts">
+	import AppHeader from '$lib/components/app-header.svelte';
+	import AppUpdatePrompt from '$lib/components/app-update-prompt.svelte';
+	import FilterTags from '$lib/components/filter-tags.svelte';
+	import NoteSearchButton from '$lib/components/notes/note-search-button.svelte';
+	import SettingsButton from '$lib/components/settings/settings-button.svelte';
+	import NoteAddButton from '$lib/components/notes/note-add-button.svelte';
+	import NoteListPlaceholder from '$lib/components/notes/note-list-placeholder.svelte';
+	import NoteList from '$lib/components/notes/note-list.svelte';
+	import SettingsModal from '$lib/components/settings/settings-modal.svelte';
+	import WelcomeModal from '$lib/components/welcome-modal.svelte';
+	import { notes, tags } from '$lib/stores';
+
+	const notesCount = notes.count;
+</script>
+
+<AppHeader />
+<main>
+	<section hidden={$tags.length === 0}>
+		<FilterTags />
+	</section>
+	<section>
+		{#if $notesCount}
+			<NoteList />
+		{:else if $notesCount === 0}
+			<NoteListPlaceholder />
+		{/if}
+		<SettingsButton />
+		<NoteSearchButton />
+		<NoteAddButton />
+	</section>
+</main>
+<WelcomeModal />
+<SettingsModal />
+<AppUpdatePrompt />
+
+<style lang="scss">
+	main {
+		padding: 1.5rem 1.5rem 7.5rem;
+	}
+
+	section:last-of-type {
+		margin: 0;
+	}
+</style>