responsive-system 1.4.3 → 1.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/responsive-system.cjs +3 -3
- package/dist/responsive-system.cjs.map +1 -1
- package/dist/responsive-system.mjs +168 -194
- package/dist/responsive-system.mjs.map +1 -1
- package/package.json +1 -1
- package/scripts/postinstall.js +32 -73
- package/src/components/layout/Footer.tsx +4 -35
- package/src/components/layout/Navigation.tsx +1 -1
- package/src/components/layout/Sidebar.tsx +2 -5
|
@@ -13,7 +13,6 @@ const Sidebar = () => {
|
|
|
13
13
|
|
|
14
14
|
return (
|
|
15
15
|
<>
|
|
16
|
-
{/* Hamburger button para móvil */}
|
|
17
16
|
{isMobile && (
|
|
18
17
|
<button
|
|
19
18
|
onClick={() => setSidebarOpen(true)}
|
|
@@ -25,11 +24,10 @@ const Sidebar = () => {
|
|
|
25
24
|
</button>
|
|
26
25
|
)}
|
|
27
26
|
|
|
28
|
-
{/* Sidebar desktop */}
|
|
29
27
|
<aside className={`bg-gray-900 border-r border-gray-800 ${isMobile ? 'hidden' : 'w-64 flex-shrink-0'} ${isTablet ? 'w-56' : 'w-64'}`}>
|
|
30
28
|
<div className="p-6 flex flex-col h-full">
|
|
31
29
|
<div className="flex items-center space-x-3 mb-8">
|
|
32
|
-
<div className="w-8 h-8 bg-
|
|
30
|
+
<div className="w-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center">
|
|
33
31
|
<span className="text-white font-bold text-sm">LO</span>
|
|
34
32
|
</div>
|
|
35
33
|
<span className="text-white font-bold text-lg">Tu Aplicación</span>
|
|
@@ -48,13 +46,12 @@ const Sidebar = () => {
|
|
|
48
46
|
</div>
|
|
49
47
|
</aside>
|
|
50
48
|
|
|
51
|
-
{/* Sidebar móvil desplegable */}
|
|
52
49
|
{isMobile && sidebarOpen && (
|
|
53
50
|
<div className="fixed inset-0 z-40 bg-black/50" onClick={() => setSidebarOpen(false)}>
|
|
54
51
|
<div className="fixed top-0 left-0 w-64 h-full bg-gray-900 border-r border-gray-800">
|
|
55
52
|
<div className="p-6 flex flex-col h-full pt-20">
|
|
56
53
|
<div className="flex items-center space-x-3 mb-8">
|
|
57
|
-
<div className="w-8 h-8 bg-
|
|
54
|
+
<div className="w-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center">
|
|
58
55
|
<span className="text-white font-bold text-sm">LO</span>
|
|
59
56
|
</div>
|
|
60
57
|
<span className="text-white font-bold text-lg">Tu Aplicación</span>
|