feat: add small ui/ux improvements

Author: notwindstone

docs/README.md

@@ -25,7 +25,7 @@ Kaede is not even in a development stage yet. Check the [plan](./PLAN.md) to see
 
 ## Contributing
 
-[Contributing Guide](./CONTRIBUTING.md)
+[Contributing Guidelines](./CONTRIBUTING.md)
 
 Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
 

src/components/logging/LogViewer.vue

@@ -113,12 +113,12 @@ onMounted(async () => {
 <template>
   <div
     @contextmenu.prevent
-    class="absolute z-40000 bottom-0 left-0 right-0 top-0 grid place-items-center pointer-events-none"
+    class="absolute z-40000 bottom-0 left-0 bg-[theme(colors.black/.5)] right-0 top-0 grid place-items-center"
   >
     <div
       @contextmenu.prevent
       @contextmenu="showContextMenu"
-      class="rounded-md pointer-events-auto h-fit max-h-[calc(100vh-64px)] max-w-[calc(100vw-64px)] w-fit flex flex-col gap-2 bg-neutral-900 p-4 text-white drop-shadow-lg"
+      class="rounded-md h-fit max-h-[calc(100vh-64px)] max-w-[calc(100vw-64px)] w-fit flex flex-col gap-2 bg-neutral-900 p-4 text-white drop-shadow-lg"
     >
       <div class="w-full flex flex-nowrap items-start justify-between gap-4 pb-2 shrink-0">
         <div class="flex flex-col gap-2">

src/components/statuses/GlobalError.vue

@@ -26,10 +26,10 @@ const information = computed((): ReturnType<typeof extractError> => {
       Kaede ran into a problem and needs to restart.
       You can do it by closing this window and then opening Kaede again.
     </p>
-    <p class="text-xl font-light">
+    <p v-if="information.name || information.message" class="text-xl font-light">
       {{ information.name }}: {{ information.message }}
     </p>
-    <p class="break-words text-sm text-neutral-300 font-light">
+    <p v-if="information.stack" class="break-words text-sm text-neutral-300 font-light">
       {{ information.stack }}
     </p>
   </div>

src/pages/Home.vue

@@ -1,13 +1,17 @@
 <script setup lang="ts">
 
-import { inject } from "vue";
+import { inject, onMounted } from "vue";
 import type { GlobalStatesChangerType } from "@/types/application/global-states.type.ts";
 import { GlobalStatesChangerContextKey } from "@/constants/application.ts";
 
 const changeGlobalState = inject<GlobalStatesChangerType>(GlobalStatesChangerContextKey);
 
 async function download() { /* TODO */ }
 async function run() { /* TODO */ }
+
+onMounted(() => {
+  throw new Error("myheavyass 🥀");
+});
 </script>
 
 <template>