Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Now even prettier with the new Tailwind CSS plugin. Probably should have done this long ago...

Browse Source
This commit is contained in:
Scott Idem
2026-03-24 12:11:25 -04:00
parent 9a75243d9c
commit e9379be5a1
22 changed files with 615 additions and 615 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/routes/core/lookups/+page.svelte
View File

@@ -74,17 +74,17 @@ function toggle_tz_priority() {
}
</script>
<div class="container mx-auto p-4 space-y-6">
<div class="container mx-auto space-y-6 p-4">
<header
class="flex flex-wrap justify-between items-center bg-surface-50-900-token p-4 rounded-xl shadow-lg border border-surface-500/10 gap-4">
class="bg-surface-50-900-token border-surface-500/10 flex flex-wrap items-center justify-between gap-4 rounded-xl border p-4 shadow-lg">
<div class="flex items-center gap-3">
<div class="p-2 bg-primary-500/10 rounded-lg">
<div class="bg-primary-500/10 rounded-lg p-2">
<List size={24} class="text-primary-500" />
</div>
<div>
<h1 class="h2 font-black tracking-tight">System Lookups</h1>
<p
class="text-xs font-bold opacity-50 uppercase tracking-widest">
class="text-xs font-bold tracking-widest uppercase opacity-50">
Global Reference Data
</p>
</div>
@@ -104,30 +104,30 @@ function toggle_tz_priority() {
</header>
{#if loading && !lookups.countries.length}
<div class="card p-8 flex justify-center items-center h-64">
<div class="placeholder animate-pulse w-full h-full rounded-2xl">
<div class="card flex h-64 items-center justify-center p-8">
<div class="placeholder h-full w-full animate-pulse rounded-2xl">
</div>
</div>
{:else}
<div class="space-y-6 animate-fade-in">
<div class="animate-fade-in space-y-6">
<!-- 1. Countries -->
<div
class="card p-6 shadow-xl preset-tonal-surface border border-surface-500/10 space-y-6">
class="card preset-tonal-surface border-surface-500/10 space-y-6 border p-6 shadow-xl">
<h3
class="h4 font-bold border-b border-surface-500/30 pb-2 flex items-center gap-2">
class="h4 border-surface-500/30 flex items-center gap-2 border-b pb-2 font-bold">
<Globe size={20} class="text-secondary-500" />
Country Reference
<span
class="badge preset-tonal-secondary ml-auto text-[10px] uppercase font-bold"
class="badge preset-tonal-secondary ml-auto text-[10px] font-bold uppercase"
>{lookups.countries.length} Records</span>
</h3>
<div
class="table-container max-h-[400px] overflow-auto border border-surface-500/10 rounded-lg">
<table class="table table-hover table-compact">
class="table-container border-surface-500/10 max-h-[400px] overflow-auto rounded-lg border">
<table class="table-hover table-compact table">
<thead>
<tr
class="uppercase text-[10px] tracking-widest opacity-60">
class="text-[10px] tracking-widest uppercase opacity-60">
<th>Name</th>
<th class="text-center">ISO Alpha-2</th>
</tr>
@@ -139,7 +139,7 @@ function toggle_tz_priority() {
>{c.name || c.english_short_name}</td>
<td class="text-center"
><span
class="badge preset-tonal-surface font-mono text-primary-500"
class="badge preset-tonal-surface text-primary-500 font-mono"
>{c.alpha_2_code}</span
></td>
</tr>
@@ -151,22 +151,22 @@ function toggle_tz_priority() {
<!-- 2. Subdivisions -->
<div
class="card p-6 shadow-xl preset-tonal-surface border border-surface-500/10 space-y-6">
class="card preset-tonal-surface border-surface-500/10 space-y-6 border p-6 shadow-xl">
<h3
class="h4 font-bold border-b border-surface-500/30 pb-2 flex items-center gap-2">
class="h4 border-surface-500/30 flex items-center gap-2 border-b pb-2 font-bold">
<MapPin size={20} class="text-primary-500" />
Country Subdivisions (States/Provinces)
<span
class="badge preset-tonal-secondary ml-auto text-[10px] uppercase font-bold"
class="badge preset-tonal-secondary ml-auto text-[10px] font-bold uppercase"
>{lookups.subdivisions.length} Records</span>
</h3>
<div
class="table-container max-h-[500px] overflow-auto border border-surface-500/10 rounded-lg">
<table class="table table-hover table-compact">
class="table-container border-surface-500/10 max-h-[500px] overflow-auto rounded-lg border">
<table class="table-hover table-compact table">
<thead>
<tr
class="uppercase text-[10px] tracking-widest opacity-60">
class="text-[10px] tracking-widest uppercase opacity-60">
<th>Country</th>
<th>Name</th>
<th class="text-center">Code</th>
@@ -192,14 +192,14 @@ function toggle_tz_priority() {
<!-- 3. Time Zones -->
<div
class="card p-6 shadow-xl preset-tonal-surface border border-surface-500/10 space-y-6">
class="card preset-tonal-surface border-surface-500/10 space-y-6 border p-6 shadow-xl">
<div
class="flex flex-wrap justify-between items-center border-b border-surface-500/30 pb-2 gap-4">
<h3 class="h4 font-bold flex items-center gap-2">
class="border-surface-500/30 flex flex-wrap items-center justify-between gap-4 border-b pb-2">
<h3 class="h4 flex items-center gap-2 font-bold">
<Clock size={20} class="text-tertiary-500" />
Time Zone Reference
<span
class="badge preset-tonal-secondary text-[10px] uppercase font-bold"
class="badge preset-tonal-secondary text-[10px] font-bold uppercase"
>{lookups.time_zones.length} Zones</span>
</h3>
<button
@@ -220,11 +220,11 @@ function toggle_tz_priority() {
</div>
<div
class="table-container max-h-[500px] overflow-auto border border-surface-500/10 rounded-lg">
<table class="table table-hover table-compact">
class="table-container border-surface-500/10 max-h-[500px] overflow-auto rounded-lg border">
<table class="table-hover table-compact table">
<thead>
<tr
class="uppercase text-[10px] tracking-widest opacity-60">
class="text-[10px] tracking-widest uppercase opacity-60">
<th>Zone Name</th>
<th class="text-right">Offset (Hours)</th>
</tr>
@@ -247,7 +247,7 @@ function toggle_tz_priority() {
</div>
<div
class="card p-4 preset-tonal-surface border border-surface-500/10 flex items-center gap-3">
class="card preset-tonal-surface border-surface-500/10 flex items-center gap-3 border p-4">
<Info size={16} class="text-primary-500" />
<p class="text-xs opacity-70">
Lookup data is synchronized with the global system database and