ellecio2/karibeo_backend_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no se que cambios

Browse Source
This commit is contained in:
ellecio2
2025-09-25 14:28:53 -04:00
parent 557f8bdd77
commit a60762a3f9
3 changed files with 46 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/DashboardLayout.tsx
View File

@@ -167,7 +167,7 @@ const DashboardLayout = ({ children }: { children: React.ReactNode }) => {
: 'text-gray-700 hover:text-red-500 border-transparent rounded-r-full'
} ${sidebarCollapsed ? 'justify-center px-2' : ''}`}
style={{
backgroundColor: isActive ? 'rgba(248, 69, 37, 0.1)' : 'transparent',
backgroundColor: isActive ? 'rgba(248, 69, 37, 1)' : 'transparent',
borderLeftColor: isActive ? '#F84525' : 'transparent',
color: isActive ? '#F84525' : '#433c3a'
}}
@@ -196,7 +196,7 @@ const DashboardLayout = ({ children }: { children: React.ReactNode }) => {
return (
<div key={sub.tab}>
<div className={`flex items-center justify-between px-3 py-2 rounded-md text-sm ${activeSub ? 'bg-orange-50 text-orange-600' : 'text-gray-600 hover:text-orange-600 hover:bg-gray-50'}`}>
<div className={`flex items-center justify-between px-3 py-2 rounded-md text-sm ${activeSub ? 'bg-orange-50 text-orange-800' : 'text-gray-600 hover:text-orange-600 hover:bg-gray-50'}`}>
<Link
to={`/dashboard/admin?tab=${sub.tab}`}
className="flex items-center space-x-2 flex-1"

86
src/index.css
View File

@@ -6,56 +6,56 @@
@layer base {
:root {
--background: 255 255 255;
--foreground: 67 60 58;
--card: 255 255 255;
--card-foreground: 67 60 58;
--popover: 255 255 255;
--popover-foreground: 67 60 58;
--primary: 248 69 37;
--primary-foreground: 255 255 255;
--secondary: 240 244 248;
--secondary-foreground: 15 23 42;
--muted: 240 244 248;
--muted-foreground: 0 0 0;
--accent: 240 244 248;
--accent-foreground: 15 23 42;
--destructive: 239 68 68;
--destructive-foreground: 248 250 252;
--border: 226 232 240;
--input: 226 232 240;
--ring: 248 69 37;
--background: #ffffff;
--foreground: #433c3a;
--card: #ffffff;
--card-foreground: #433c3a;
--popover: #ffffff;
--popover-foreground: #433c3a;
--primary: #f84525;
--primary-foreground: #ffffff;
--secondary: #f0f4f8;
--secondary-foreground: #0f172a;
--muted: #f0f4f8;
--muted-foreground: #000000;
--accent: #f0f4f8;
--accent-foreground: #0f172a;
--destructive: #ef4444;
--destructive-foreground: #f8fafc;
--border: #e2e8f0;
--input: #e2e8f0;
--ring: #f84525;
--radius: 0.5rem;
--primary-glow: 248 125 87;
--gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow)));
--shadow-elegant: 0 10px 30px -10px hsl(var(--primary) / 0.1);
--primary-glow: #f87d57;
--gradient-primary: linear-gradient(135deg, #f84525, #f87d57);
--shadow-elegant: 0 10px 30px -10px #f845251a;
--transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--font-caveat: 'Caveat', cursive;
--font-sans: "Wix Madefor Display", sans-serif;
}
.dark {
--background: 20 25 33;
--foreground: 212 212 213;
--card: 27 32 39;
--card-foreground: 212 212 213;
--popover: 27 32 39;
--popover-foreground: 212 212 213;
--primary: 248 69 37;
--primary-foreground: 255 255 255;
--secondary: 45 49 53;
--secondary-foreground: 212 212 213;
--muted: 45 49 53;
--muted-foreground: 145 152 158;
--accent: 45 49 53;
--accent-foreground: 212 212 213;
--destructive: 239 68 68;
--destructive-foreground: 248 250 252;
--border: 45 49 53;
--input: 45 49 53;
--ring: 248 69 37;
--gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow)));
--shadow-elegant: 0 10px 30px -10px hsl(var(--primary) / 0.2);
--background: #141921;
--foreground: #d4d4d5;
--card: #1b2027;
--card-foreground: #d4d4d5;
--popover: #1b2027;
--popover-foreground: #d4d4d5;
--primary: #f84525;
--primary-foreground: #ffffff;
--secondary: #2d3135;
--secondary-foreground: #d4d4d5;
--muted: #2d3135;
--muted-foreground: #91989e;
--accent: #2d3135;
--accent-foreground: #d4d4d5;
--destructive: #ef4444;
--destructive-foreground: #f8fafc;
--border: #2d3135;
--input: #2d3135;
--ring: #f84525;
--gradient-primary: linear-gradient(135deg, #f84525, #f87d57);
--shadow-elegant: 0 10px 30px -10px #f8452533;
}
}