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

86
src/index.css
View File

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

7
vite.config.ts
View File

@@ -9,12 +9,7 @@ export default defineConfig(({ mode }) => ({
server: { server: {
host: "::", host: "::",
port: 8080, port: 8080,
// Ya no necesitas 'https: true' directamente aquí, el plugin lo gestiona
// Si tienes certificados personalizados, usarías:
// https: {
// key: path.resolve(__dirname, './certs/localhost-key.pem'),
// cert: path.resolve(__dirname, './certs/localhost.pem'),
// },
}, },
plugins: [ plugins: [
react(), react(),