From cc620ad429c3f9aa1da43143c52f51d00915ecdd Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 3 Jan 2025 09:51:05 -0800
Subject: [PATCH] chore: clean up (#3503)

---
 assets/auto-imports.d.ts                       |  2 ++
 assets/components/LogViewer/ComplexLogItem.vue | 10 ++--------
 assets/components/LogViewer/LogList.vue        |  4 ----
 assets/components/common/CarouselItem.vue      |  2 +-
 assets/pages/index.vue                         | 16 ----------------
 assets/pages/login.vue                         |  2 +-
 6 files changed, 6 insertions(+), 30 deletions(-)

diff --git a/assets/auto-imports.d.ts b/assets/auto-imports.d.ts
index aebd2d4c2a93..772d304deb20 100644
--- a/assets/auto-imports.d.ts
+++ b/assets/auto-imports.d.ts
@@ -87,6 +87,7 @@ declare global {
   const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
   const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
   const onDeactivated: typeof import('vue')['onDeactivated']
+  const onElementRemoval: typeof import('@vueuse/core')['onElementRemoval']
   const onErrorCaptured: typeof import('vue')['onErrorCaptured']
   const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
   const onLongPress: typeof import('@vueuse/core')['onLongPress']
@@ -475,6 +476,7 @@ declare module 'vue' {
     readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
     readonly onClickOutside: UnwrapRef<typeof import('@vueuse/core')['onClickOutside']>
     readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
+    readonly onElementRemoval: UnwrapRef<typeof import('@vueuse/core')['onElementRemoval']>
     readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
     readonly onKeyStroke: UnwrapRef<typeof import('@vueuse/core')['onKeyStroke']>
     readonly onLongPress: UnwrapRef<typeof import('@vueuse/core')['onLongPress']>
diff --git a/assets/components/LogViewer/ComplexLogItem.vue b/assets/components/LogViewer/ComplexLogItem.vue
index aa35420f2902..c1a01eaa77a2 100644
--- a/assets/components/LogViewer/ComplexLogItem.vue
+++ b/assets/components/LogViewer/ComplexLogItem.vue
@@ -1,7 +1,7 @@
 <template>
   <LogItem :logEntry @click="showDrawer(LogDetails, { entry: logEntry })" class="clickable">
-    <ul class="fields space-x-4">
-      <li v-for="(value, name) in validValues" :key="name">
+    <ul class="space-x-4">
+      <li v-for="(value, name) in validValues" :key="name" class="inline-flex">
         <span class="text-light">{{ name }}=</span><span class="font-bold" v-if="value === null">&lt;null&gt;</span>
         <template v-else-if="Array.isArray(value)">
           <span class="font-bold" v-html="JSON.stringify(value)"> </span>
@@ -33,10 +33,4 @@ const showDrawer = useDrawer();
 .text-light {
   @apply text-base-content/70;
 }
-
-.fields {
-  li {
-    @apply inline-flex;
-  }
-}
 </style>
diff --git a/assets/components/LogViewer/LogList.vue b/assets/components/LogViewer/LogList.vue
index d523afc78a8c..30be8b194604 100644
--- a/assets/components/LogViewer/LogList.vue
+++ b/assets/components/LogViewer/LogList.vue
@@ -70,10 +70,6 @@ useIntersectionObserver(
     &:last-child {
       scroll-margin-block-end: 5rem;
     }
-
-    .jump-context {
-      @apply mr-2 flex items-center font-sans text-secondary;
-    }
   }
 
   &.small {
diff --git a/assets/components/common/CarouselItem.vue b/assets/components/common/CarouselItem.vue
index 43fa081dc096..d26599b79439 100644
--- a/assets/components/common/CarouselItem.vue
+++ b/assets/components/common/CarouselItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full min-w-full flex-shrink-0 snap-start snap-always">
+  <div class="w-full min-w-full shrink-0 snap-start snap-always">
     <slot />
   </div>
 </template>
diff --git a/assets/pages/index.vue b/assets/pages/index.vue
index 5ab7357c65d8..0bb1430ea95a 100644
--- a/assets/pages/index.vue
+++ b/assets/pages/index.vue
@@ -34,20 +34,4 @@ watchEffect(() => {
   padding-top: 1em;
   padding-bottom: 1em;
 }
-
-.stat > div {
-  @apply text-center;
-}
-
-.stat-value {
-  @apply font-light;
-}
-
-.stat-title {
-  @apply font-light;
-}
-
-.section + .section {
-  padding-top: 0;
-}
 </style>
diff --git a/assets/pages/login.vue b/assets/pages/login.vue
index edff9d2b8acc..2a1fc1f087d6 100644
--- a/assets/pages/login.vue
+++ b/assets/pages/login.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="card w-96 flex-shrink-0 bg-base-lighter shadow-2xl">
+  <div class="card w-96 shrink-0 bg-base-lighter shadow-2xl">
     <div class="card-body">
       <form action="" method="post" @submit.prevent="onLogin" ref="form" class="flex flex-col gap-8">
         <label class="form-control w-full">