hermes/meshtastic-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: updated app to tailwind 4.x

Browse Source
This commit is contained in:
Dan Ditomaso
2025-02-20 15:56:51 -05:00
parent 39c1176311
commit b959a59e7b
56 changed files with 1096 additions and 1299 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/CommandPalette.tsx
-116
View File
@@ -17,13 +17,10 @@ import {
EraserIcon,
FactoryIcon,
LayersIcon,
LayoutIcon,
LinkIcon,
type LucideIcon,
MapIcon,
MessageSquareIcon,
MoonIcon,
PaletteIcon,
PlusIcon,
PowerIcon,
QrCodeIcon,
@@ -62,9 +59,6 @@ export const CommandPalette = () => {
setSelectedDevice,
removeDevice,
selectedDevice,
darkMode,
setDarkMode,
setAccent,
} = useAppStore();
const { getDevices } = useDeviceStore();
const { setDialogOpen, setActivePage, connection } = useDevice();
@@ -237,116 +231,6 @@ export const CommandPalette = () => {
},
],
},
{
label: "Application",
icon: LayoutIcon,
commands: [
{
label: "Toggle Dark Mode",
icon: MoonIcon,
action() {
setDarkMode(!darkMode);
},
},
{
label: "Accent Color",
icon: PaletteIcon,
subItems: [
{
label: "Red",
icon: (
<span
className={`h-3 w-3 rounded-full ${
darkMode ? "bg-[#f25555]" : "bg-[#f28585]"
}`}
/>
),
action() {
setAccent("red");
},
},
{
label: "Orange",
icon: (
<span
className={`h-3 w-3 rounded-full ${
darkMode ? "bg-[#e1720b]" : "bg-[#edb17a]"
}`}
/>
),
action() {
setAccent("orange");
},
},
{
label: "Yellow",
icon: (
<span
className={`h-3 w-3 rounded-full ${
darkMode ? "bg-[#ac8c1a]" : "bg-[#e0cc87]"
}`}
/>
),
action() {
setAccent("yellow");
},
},
{
label: "Green",
icon: (
<span
className={`h-3 w-3 rounded-full ${
darkMode ? "bg-[#27a341]" : "bg-[#8bc9c5]"
}`}
/>
),
action() {
setAccent("green");
},
},
{
label: "Blue",
icon: (
<span
className={`h-3 w-3 rounded-full ${
darkMode ? "bg-[#2093fe]" : "bg-[#70afea]"
}`}
/>
),
action() {
setAccent("blue");
},
},
{
label: "Purple",
icon: (
<span
className={`h-3 w-3 rounded-full ${
darkMode ? "bg-[#926bff]" : "bg-[#a09eef]"
}`}
/>
),
action() {
setAccent("purple");
},
},
{
label: "Pink",
icon: (
<span
className={`h-3 w-3 rounded-full ${
darkMode ? "bg-[#e454c4]" : "bg-[#dba0c7]"
}`}
/>
),
action() {
setAccent("pink");
},
},
],
},
],
},
];
useEffect(() => {