Add dropshadows and other small UI changes

This commit is contained in:
Caleb
2025-05-16 00:25:49 -04:00
committed by Cooper Quintin
parent 77e51ec2f6
commit 9a60e3f820
3 changed files with 5 additions and 5 deletions

View File

@@ -7,9 +7,9 @@
}
let { entries, current_entry }: Props = $props();
</script>
<table class="table-auto text-left border">
<thead class="p-2">
<tr class="bg-gray-300">
<table class="table-auto text-left">
<thead>
<tr class="bg-gray-100 drop-shadow">
<th class='p-2' scope="col">Name</th>
<th class='p-2' scope="col">Started</th>
<th class='p-2' scope="col">Last Message</th>

View File

@@ -29,7 +29,7 @@
}
</script>
<tr class="{status_row_color}">
<tr class="{status_row_color} drop-shadow">
<th class="font-bold p-2" scope='row'>{entry.name}</th>
<td class="p-2">{date_formatter.format(entry.start_time)}</td>
<td class="p-2">{date_formatter.format(entry.last_message_time)}</td>

View File

@@ -30,7 +30,7 @@
})
</script>
<div class="p-4 xl:px-8 bg-rayhunter-blue">
<div class="p-4 xl:px-8 bg-rayhunter-blue drop-shadow">
<span class="text-4xl font-extrabold text-rayhunter-green">Rayhunter</span>
</div>
<div class="m-4 xl:mx-8 flex flex-col gap-4">