Compact search improvements + drivers map in the dashboard

This commit is contained in:
Arnaud Delcasse
2025-10-13 12:39:31 +02:00
parent 5d546c0efc
commit c7d263fded
10 changed files with 606 additions and 40 deletions

View File

@@ -11,10 +11,13 @@
--color-red-600: oklch(0.577 0.245 27.325);
--color-red-800: oklch(0.444 0.177 26.899);
--color-red-900: oklch(0.396 0.141 25.723);
--color-orange-50: oklch(0.98 0.016 73.684);
--color-orange-200: oklch(0.901 0.076 70.697);
--color-yellow-50: oklch(0.987 0.026 102.212);
--color-yellow-100: oklch(0.973 0.071 103.193);
--color-yellow-800: oklch(0.476 0.114 61.907);
--color-green-100: oklch(0.962 0.044 156.743);
--color-green-500: oklch(0.723 0.219 149.579);
--color-green-600: oklch(0.627 0.194 149.214);
--color-green-800: oklch(0.448 0.119 151.328);
--color-blue-50: oklch(0.97 0.014 254.604);
@@ -30,6 +33,7 @@
--color-purple-50: oklch(0.977 0.014 308.299);
--color-purple-100: oklch(0.946 0.033 307.174);
--color-purple-200: oklch(0.902 0.063 306.703);
--color-purple-500: oklch(0.627 0.265 303.9);
--color-purple-600: oklch(0.558 0.288 302.321);
--color-purple-700: oklch(0.496 0.265 301.924);
--color-purple-800: oklch(0.438 0.218 303.724);
@@ -1804,6 +1808,9 @@
.border-indigo-500 {
border-color: var(--color-indigo-500);
}
.border-orange-200 {
border-color: var(--color-orange-200);
}
.border-purple-200 {
border-color: var(--color-purple-200);
}
@@ -1840,6 +1847,9 @@
.bg-blue-100 {
background-color: var(--color-blue-100);
}
.bg-blue-500 {
background-color: var(--color-blue-500);
}
.bg-blue-600 {
background-color: var(--color-blue-600);
}
@@ -1852,6 +1862,9 @@
.bg-co-lightblue {
background-color: var(--color-co-lightblue);
}
.bg-co-orange {
background-color: var(--color-co-orange);
}
.bg-co-red {
background-color: var(--color-co-red);
}
@@ -1882,6 +1895,9 @@
.bg-green-100 {
background-color: var(--color-green-100);
}
.bg-green-500 {
background-color: var(--color-green-500);
}
.bg-green-600 {
background-color: var(--color-green-600);
}
@@ -1891,12 +1907,18 @@
.bg-indigo-600 {
background-color: var(--color-indigo-600);
}
.bg-orange-50 {
background-color: var(--color-orange-50);
}
.bg-purple-50 {
background-color: var(--color-purple-50);
}
.bg-purple-100 {
background-color: var(--color-purple-100);
}
.bg-purple-500 {
background-color: var(--color-purple-500);
}
.bg-purple-600 {
background-color: var(--color-purple-600);
}
@@ -2132,6 +2154,9 @@
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
@@ -2467,6 +2492,9 @@
.text-black {
color: var(--color-black);
}
.text-blue-600 {
color: var(--color-blue-600);
}
.text-blue-800 {
color: var(--color-blue-800);
}
@@ -3113,6 +3141,16 @@
outline-style: none;
}
}
.hover\:scale-110 {
&:hover {
@media (hover: hover) {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
}
.hover\:border-gray-300 {
&:hover {
@media (hover: hover) {
@@ -3183,6 +3221,13 @@
}
}
}
.hover\:text-co-green {
&:hover {
@media (hover: hover) {
color: var(--color-co-green);
}
}
}
.hover\:text-gray-500 {
&:hover {
@media (hover: hover) {