From f1265bf529f9ca44a93f8d9d0446fedf4cbd58ce Mon Sep 17 00:00:00 2001 From: Battlesquid Date: Sun, 17 May 2026 14:47:18 -0700 Subject: [PATCH 01/17] fix: handle question load failure, misc styling tweaks --- src/App.vue | 6 +- src/components/search/QuestionCard.vue | 18 +-- src/components/search/QuestionDrawer.vue | 4 +- src/components/search/SearchOptions.vue | 59 ++++---- src/components/shared/HeaderBar.vue | 7 +- src/components/shared/QuestionDetails.vue | 2 +- src/database.ts | 167 +++++++++++----------- src/main.ts | 29 +++- src/router/Question.vue | 2 +- src/styles.css | 16 ++- src/util/try.ts | 12 ++ 11 files changed, 185 insertions(+), 137 deletions(-) create mode 100644 src/util/try.ts diff --git a/src/App.vue b/src/App.vue index 6fd818b..c379037 100644 --- a/src/App.vue +++ b/src/App.vue @@ -23,11 +23,11 @@ const startup = async () => { const questions = await database.questions.toArray(); await loadMinisearch(questions); - - loading.value = false; } catch (e) { console.error(e); - } + } finally { + loading.value = false; + } }; startup(); diff --git a/src/components/search/QuestionCard.vue b/src/components/search/QuestionCard.vue index d78a2c6..730db3e 100644 --- a/src/components/search/QuestionCard.vue +++ b/src/components/search/QuestionCard.vue @@ -15,16 +15,16 @@ defineEmits<{ - - diff --git a/src/components/search/QuestionDrawer.vue b/src/components/search/QuestionDrawer.vue index 6f7da0a..3c6c9ee 100644 --- a/src/components/search/QuestionDrawer.vue +++ b/src/components/search/QuestionDrawer.vue @@ -19,9 +19,9 @@ defineEmits(["hide-drawer"]);
-
- +
+
-
+
- + @@ -188,7 +187,7 @@ const updateTagSuggestions = (e: AutoCompleteCompleteEvent) => {
- +
-
diff --git a/src/components/shared/HeaderBar.vue b/src/components/shared/HeaderBar.vue index 0c07cd3..9309817 100644 --- a/src/components/shared/HeaderBar.vue +++ b/src/components/shared/HeaderBar.vue @@ -25,14 +25,12 @@ const appname = import.meta.env.VITE_APP_NAME;
@@ -43,7 +41,8 @@ const appname = import.meta.env.VITE_APP_NAME; .header-sticky { position: fixed; top: 0; - @apply border-surface-800 backdrop-blur-lg bg-surface-950/30; + border-color: var(--p-content-border-color); + @apply backdrop-blur-lg bg-surface-0/70; } .header-btn { diff --git a/src/components/shared/QuestionDetails.vue b/src/components/shared/QuestionDetails.vue index f115cd9..b5f3874 100644 --- a/src/components/shared/QuestionDetails.vue +++ b/src/components/shared/QuestionDetails.vue @@ -9,7 +9,7 @@ const { author, askedTimestamp, answered, answeredTimestamp } = question;