From 6979c493ca65071633c4938a5f2bf8d5d236c9c2 Mon Sep 17 00:00:00 2001
From: Daan Wijns <dw.daanwijns@gmail.com>
Date: Sat, 13 Jan 2024 11:17:21 +0100
Subject: [PATCH] fix: use expansion panel for logs #1420

---
 src/pages/Logs.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/pages/Logs.vue b/src/pages/Logs.vue
index 79d82d94..a14be95a 100644
--- a/src/pages/Logs.vue
+++ b/src/pages/Logs.vue
@@ -115,9 +115,19 @@ onUnmounted(() => {
       <template v-for="(log, index) in paginatedResults">
         <v-divider v-if="index > 0" />
 
-        <v-list-item :class="getLogTypeClassName(log)">
-          <v-list-item-title>{{ log.id }}) {{ log.message }}</v-list-item-title>
-          <v-list-item-subtitle>{{ getLogTypeName(log) }} | {{ formatLogTimestamp(log) }}</v-list-item-subtitle>
+        <v-list-item :class="getLogTypeClassName(log)" class="pa-0">
+          <v-expansion-panels class="p-0">
+            <v-expansion-panel class="pa-0">
+              <v-expansion-panel-title>
+                <template v-slot:default>
+                  <v-list-item-title>[{{ log.id }}] {{ log.message }}</v-list-item-title>
+                  <v-spacer />
+                  <v-list-item-subtitle>{{ getLogTypeName(log) }} | {{ formatLogTimestamp(log) }}</v-list-item-subtitle>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>{{ log.message }}</v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
         </v-list-item>
       </template>