add contrast to sidebar

This commit is contained in:
miloschwartz
2025-12-17 21:28:34 -05:00
parent cc1e551f43
commit 3a781f9ac4
4 changed files with 6 additions and 6 deletions

View File

@@ -33,7 +33,7 @@
"password": "Password", "password": "Password",
"confirmPassword": "Confirm Password", "confirmPassword": "Confirm Password",
"createAccount": "Create Account", "createAccount": "Create Account",
"viewSettings": "View settings", "viewSettings": "View Settings",
"delete": "Delete", "delete": "Delete",
"name": "Name", "name": "Name",
"online": "Online", "online": "Online",

View File

@@ -123,7 +123,7 @@ export function LayoutSidebar({
<Link <Link
href="/admin" href="/admin"
className={cn( className={cn(
"flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-secondary/50 dark:hover:bg-secondary/20 rounded-md", "flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-secondary/80 dark:hover:bg-secondary/50 rounded-md",
isSidebarCollapsed isSidebarCollapsed
? "px-2 py-2 justify-center" ? "px-2 py-2 justify-center"
: "px-3 py-1.5" : "px-3 py-1.5"

View File

@@ -199,7 +199,7 @@ function ProductUpdatesListPopup({
{t("productUpdateWhatsNew")} {t("productUpdateWhatsNew")}
</p> </p>
<div className="p-1 cursor-pointer"> <div className="p-1 cursor-pointer">
<ChevronRightIcon className="size-4 flex-none" /> <ChevronRightIcon className="size-4 flex-none opacity-50" />
</div> </div>
</div> </div>
</div> </div>

View File

@@ -112,7 +112,7 @@ function CollapsibleNavItem({
<CollapsibleTrigger asChild> <CollapsibleTrigger asChild>
<button <button
className={cn( className={cn(
"flex items-center w-full rounded transition-colors hover:bg-secondary/50 dark:hover:bg-secondary/20 rounded-md", "flex items-center w-full rounded transition-colors hover:bg-secondary/80 dark:hover:bg-secondary/50 rounded-md",
level === 0 ? "p-3 py-1.5" : "py-1.5", level === 0 ? "p-3 py-1.5" : "py-1.5",
isChildActive isChildActive
? "text-primary font-medium" ? "text-primary font-medium"
@@ -252,7 +252,7 @@ export function SidebarNav({
<Link <Link
href={isDisabled ? "#" : hydratedHref} href={isDisabled ? "#" : hydratedHref}
className={cn( className={cn(
"flex items-center rounded transition-colors hover:bg-secondary/50 dark:hover:bg-secondary/20 rounded-md", "flex items-center rounded transition-colors hover:bg-secondary/80 dark:hover:bg-secondary/50 rounded-md",
isCollapsed ? "px-2 py-2 justify-center" : "px-3 py-1.5", isCollapsed ? "px-2 py-2 justify-center" : "px-3 py-1.5",
isActive isActive
? "text-primary font-medium" ? "text-primary font-medium"
@@ -338,7 +338,7 @@ export function SidebarNav({
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
className={cn( className={cn(
"flex items-center rounded transition-colors hover:bg-secondary/50 dark:hover:bg-secondary/20 rounded-md px-2 py-2 justify-center w-full", "flex items-center rounded transition-colors hover:bg-secondary/80 dark:hover:bg-secondary/50 rounded-md px-2 py-2 justify-center w-full",
isChildActive isChildActive
? "text-primary font-medium" ? "text-primary font-medium"
: "text-muted-foreground hover:text-foreground", : "text-muted-foreground hover:text-foreground",