fix(core): align menu + dashboard colors and order
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:
@@ -73,6 +73,9 @@ onMount(() => {
|
|||||||
<a href="/core/people" class="btn btn-sm preset-tonal-tertiary">
|
<a href="/core/people" class="btn btn-sm preset-tonal-tertiary">
|
||||||
<Users size={14} class="mr-1" /> People
|
<Users size={14} class="mr-1" /> People
|
||||||
</a>
|
</a>
|
||||||
|
<a href="/core/files" class="btn btn-sm preset-tonal-tertiary">
|
||||||
|
<File size={14} class="mr-1" /> Files
|
||||||
|
</a>
|
||||||
<a
|
<a
|
||||||
href="/core/data_stores"
|
href="/core/data_stores"
|
||||||
class="btn btn-sm preset-tonal-secondary">
|
class="btn btn-sm preset-tonal-secondary">
|
||||||
@@ -93,11 +96,6 @@ onMount(() => {
|
|||||||
class="btn btn-sm preset-tonal-surface">
|
class="btn btn-sm preset-tonal-surface">
|
||||||
<Phone size={14} class="mr-1" /> Contacts
|
<Phone size={14} class="mr-1" /> Contacts
|
||||||
</a>
|
</a>
|
||||||
<a
|
|
||||||
href="/core/files"
|
|
||||||
class="btn btn-sm preset-tonal-secondary">
|
|
||||||
<File size={14} class="mr-1" /> Files
|
|
||||||
</a>
|
|
||||||
<a
|
<a
|
||||||
href="/core/activity_logs"
|
href="/core/activity_logs"
|
||||||
class="btn btn-sm preset-tonal-surface">
|
class="btn btn-sm preset-tonal-surface">
|
||||||
|
|||||||
@@ -82,11 +82,11 @@ $effect(() => {
|
|||||||
|
|
||||||
<!-- Site Management Card -->
|
<!-- Site Management Card -->
|
||||||
<div
|
<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="space-y-4">
|
||||||
<div class="flex items-center gap-3">
|
<div class="flex items-center gap-3">
|
||||||
<div
|
<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} />
|
<Globe size={24} />
|
||||||
</div>
|
</div>
|
||||||
<h3 class="h4 font-black">Sites</h3>
|
<h3 class="h4 font-black">Sites</h3>
|
||||||
@@ -97,7 +97,7 @@ $effect(() => {
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<a
|
<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">
|
href="/core/sites">
|
||||||
Manage
|
Manage
|
||||||
</a>
|
</a>
|
||||||
@@ -149,11 +149,11 @@ $effect(() => {
|
|||||||
|
|
||||||
<!-- Files Card -->
|
<!-- Files Card -->
|
||||||
<div
|
<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="space-y-4">
|
||||||
<div class="flex items-center gap-3">
|
<div class="flex items-center gap-3">
|
||||||
<div
|
<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} />
|
<File size={24} />
|
||||||
</div>
|
</div>
|
||||||
<h3 class="h4 font-black">Files</h3>
|
<h3 class="h4 font-black">Files</h3>
|
||||||
@@ -163,7 +163,7 @@ $effect(() => {
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<a
|
<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">
|
href="/core/files">
|
||||||
Manage
|
Manage
|
||||||
</a>
|
</a>
|
||||||
@@ -171,11 +171,11 @@ $effect(() => {
|
|||||||
|
|
||||||
<!-- Data Stores Card -->
|
<!-- Data Stores Card -->
|
||||||
<div
|
<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="space-y-4">
|
||||||
<div class="flex items-center gap-3">
|
<div class="flex items-center gap-3">
|
||||||
<div
|
<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} />
|
<Database size={24} />
|
||||||
</div>
|
</div>
|
||||||
<h3 class="h4 font-black">Data Stores</h3>
|
<h3 class="h4 font-black">Data Stores</h3>
|
||||||
@@ -185,7 +185,7 @@ $effect(() => {
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<a
|
<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">
|
href="/core/data_stores">
|
||||||
Manage
|
Manage
|
||||||
</a>
|
</a>
|
||||||
@@ -193,11 +193,11 @@ $effect(() => {
|
|||||||
|
|
||||||
<!-- Lookups Card -->
|
<!-- Lookups Card -->
|
||||||
<div
|
<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="space-y-4">
|
||||||
<div class="flex items-center gap-3">
|
<div class="flex items-center gap-3">
|
||||||
<div
|
<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} />
|
<List size={24} />
|
||||||
</div>
|
</div>
|
||||||
<h3 class="h4 font-black">Lookups</h3>
|
<h3 class="h4 font-black">Lookups</h3>
|
||||||
@@ -207,7 +207,7 @@ $effect(() => {
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<a
|
<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">
|
href="/core/lookups">
|
||||||
View
|
View
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user