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

fix(core): align menu + dashboard colors and order

Browse Source 
Menu: Files moved between People and Data Stores; color tertiary (matches Users/People).
Dashboard: Sites secondary→primary, Files secondary→tertiary, Data Stores + Lookups surface→secondary. All cards now match menu color groupings.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-06-18 19:19:39 -04:00
parent dae610795b
commit 66c794ee53
2 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/core/+layout.svelte
View File

@@ -73,6 +73,9 @@ onMount(() => {
<a href="/core/people" class="btn btn-sm preset-tonal-tertiary">
<Users size={14} class="mr-1" /> People
</a>
<a href="/core/files" class="btn btn-sm preset-tonal-tertiary">
<File size={14} class="mr-1" /> Files
</a>
<a
href="/core/data_stores"
class="btn btn-sm preset-tonal-secondary">
@@ -93,11 +96,6 @@ onMount(() => {
class="btn btn-sm preset-tonal-surface">
<Phone size={14} class="mr-1" /> Contacts
</a>
<a
href="/core/files"
class="btn btn-sm preset-tonal-secondary">
<File size={14} class="mr-1" /> Files
</a>
<a
href="/core/activity_logs"
class="btn btn-sm preset-tonal-surface">

24
src/routes/core/+page.svelte
View File

@@ -82,11 +82,11 @@ $effect(() => {
<!-- Site Management Card -->
<div
class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
class="card preset-tonal-primary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
<div class="space-y-4">
<div class="flex items-center gap-3">
<div
class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
class="bg-primary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
<Globe size={24} />
</div>
<h3 class="h4 font-black">Sites</h3>
@@ -97,7 +97,7 @@ $effect(() => {
</p>
</div>
<a
class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
class="btn preset-filled-primary mt-4 w-full font-bold shadow-md"
href="/core/sites">
Manage
</a>
@@ -149,11 +149,11 @@ $effect(() => {
<!-- Files Card -->
<div
class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
class="card preset-tonal-tertiary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
<div class="space-y-4">
<div class="flex items-center gap-3">
<div
class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
class="bg-tertiary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
<File size={24} />
</div>
<h3 class="h4 font-black">Files</h3>
@@ -163,7 +163,7 @@ $effect(() => {
</p>
</div>
<a
class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
class="btn preset-filled-tertiary mt-4 w-full font-bold shadow-md"
href="/core/files">
Manage
</a>
@@ -171,11 +171,11 @@ $effect(() => {
<!-- Data Stores Card -->
<div
class="card preset-tonal-surface group border-surface-500/10 flex flex-col justify-between space-y-4 border p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
<div class="space-y-4">
<div class="flex items-center gap-3">
<div
class="bg-surface-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
<Database size={24} />
</div>
<h3 class="h4 font-black">Data Stores</h3>
@@ -185,7 +185,7 @@ $effect(() => {
</p>
</div>
<a
class="btn preset-filled-surface mt-4 w-full font-bold shadow-md"
class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
href="/core/data_stores">
Manage
</a>
@@ -193,11 +193,11 @@ $effect(() => {
<!-- Lookups Card -->
<div
class="card preset-tonal-surface group border-surface-500/10 flex flex-col justify-between space-y-4 border p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
<div class="space-y-4">
<div class="flex items-center gap-3">
<div
class="bg-surface-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
<List size={24} />
</div>
<h3 class="h4 font-black">Lookups</h3>
@@ -207,7 +207,7 @@ $effect(() => {
</p>
</div>
<a
class="btn preset-filled-surface mt-4 w-full font-bold shadow-md"
class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
href="/core/lookups">
View
</a>