feat: i18n for logs; style: logs

src/components/pages/Logs.vue

@@ -2,13 +2,13 @@
 	<div class="logs-container">
 		<h1 class="mb-8 text-5xl capitalize">{{ $t('sidebar.logs') }}</h1>
 
-		<table class="w-full text-center">
+		<table class="w-full text-center border-collapse">
 			<tr>
 				<th></th>
-				<th class="pr-5 h-12">Event</th>
+				<th class="pr-5 h-12">{{ $t('logs.event') }}</th>
-				<th>Data</th>
+				<th>{{ $t('logs.data') }}</th>
 			</tr>
-			<tr v-for="(message, i) of logMessages" :key="i">
+			<tr v-for="(message, i) of logMessages" :key="i" class="border-t border-solid border-foreground">
 				<td class="count"></td>
 				<td class="pr-5 w-1/3">{{ message.key }}</td>
 				<td class="w-2/3">{{ message.data || 'Empty' }}</td>
@@ -43,4 +43,10 @@ export default {
 	content: counter(logs);
 	counter-increment: logs;
 }
+
+tr > td {
+	height: 2rem;
+	vertical-align: middle;
+	text-align: center;
+}
 </style>

src/lang/en.js

@@ -404,6 +404,10 @@ const en = {
 	},
 	tracklist: {
 		downloadSelection: 'Download selection'
+	},
+	logs: {
+		event: 'Event',
+		data: 'Data'
 	}
 }
 

src/lang/it.js

@@ -407,6 +407,10 @@ const it = {
 	},
 	tracklist: {
 		downloadSelection: 'Scarica selezionati'
+	},
+	logs: {
+		event: 'Evento',
+		data: 'Dati'
 	}
 }