@stevederico/skateboard-ui 0.7.6 → 0.7.8
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/.claude/settings.local.json +4 -1
- package/AppSidebar.jsx +7 -3
- package/CHANGELOG.md +9 -0
- package/SettingsView.jsx +1 -1
- package/package.json +1 -1
package/AppSidebar.jsx
CHANGED
|
@@ -27,7 +27,11 @@ export default function AppSidebar() {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
return (
|
|
30
|
-
<Sidebar
|
|
30
|
+
<Sidebar
|
|
31
|
+
collapsible="icon"
|
|
32
|
+
className="min-w-[40px]"
|
|
33
|
+
style={{ '--sidebar-width': '12rem' }}
|
|
34
|
+
>
|
|
31
35
|
<SidebarHeader className="p-0">
|
|
32
36
|
<SidebarMenu>
|
|
33
37
|
<div className={`flex flex-row m-2 mt-4 mb-4 items-center ${open ? "ml-3" : "justify-center ml-2"}`}>
|
|
@@ -50,7 +54,7 @@ export default function AppSidebar() {
|
|
|
50
54
|
return (
|
|
51
55
|
<li key={item.title}>
|
|
52
56
|
<div
|
|
53
|
-
className={`cursor-pointer items-center flex w-full p-2 rounded-lg ${open ? "h-10" : "h-10 w-8"} ${isActive ? "bg-
|
|
57
|
+
className={`cursor-pointer items-center flex w-full p-2 rounded-lg ${open ? "h-10" : "h-10 w-8"} ${isActive ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"}`}
|
|
54
58
|
onClick={() => handleNavigation(`/app/${item.url.toLowerCase()}`)}
|
|
55
59
|
>
|
|
56
60
|
<span className="flex w-full">
|
|
@@ -81,7 +85,7 @@ export default function AppSidebar() {
|
|
|
81
85
|
<li>
|
|
82
86
|
<div
|
|
83
87
|
className={`cursor-pointer items-center rounded-lg flex w-full p-2 ${open ? "h-10" : "h-10 w-8"}
|
|
84
|
-
${location.pathname.toLowerCase().includes("settings") ? "bg-
|
|
88
|
+
${location.pathname.toLowerCase().includes("settings") ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"}`}
|
|
85
89
|
onClick={() => handleNavigation("/app/settings")}
|
|
86
90
|
>
|
|
87
91
|
<span className="flex w-full items-center">
|
package/CHANGELOG.md
CHANGED
package/SettingsView.jsx
CHANGED
|
@@ -28,7 +28,7 @@ export default function SettingsView() {
|
|
|
28
28
|
return (
|
|
29
29
|
<div className="h-full min-h-screen flex flex-col">
|
|
30
30
|
{/* Navbar */}
|
|
31
|
-
<div className="flex
|
|
31
|
+
<div className="flex w-full items-center">
|
|
32
32
|
<Header
|
|
33
33
|
buttonClass=""
|
|
34
34
|
title={"Settings"}
|