mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-05-09 02:51:46 +00:00
chore(logo): remover prop showVersion e atualizar logo_small.png
Remove a prop showVersion do componente Logo e seu uso na sidebar. Aplica iconFilterClass também no variant compact. Atualiza a imagem logo_small.png. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 4.0 KiB |
@@ -1,20 +1,20 @@
|
|||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import { version } from "@/package.json";
|
|
||||||
import { cn } from "@/shared/utils/ui";
|
import { cn } from "@/shared/utils/ui";
|
||||||
|
|
||||||
interface LogoProps {
|
interface LogoProps {
|
||||||
variant?: "full" | "small" | "compact";
|
variant?: "full" | "small" | "compact";
|
||||||
className?: string;
|
className?: string;
|
||||||
showVersion?: boolean;
|
/** Apenas nos variants "full" e "compact" */
|
||||||
invertTextOnDark?: boolean;
|
invertTextOnDark?: boolean;
|
||||||
/** Exibe o ícone na cor original, sem filtro preto */
|
/** Exibe o ícone na cor original, sem filtro preto. Apenas nos variants "full" e "compact" */
|
||||||
colorIcon?: boolean;
|
colorIcon?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const iconFilterClass = "brightness-0 saturate-0";
|
||||||
|
|
||||||
export function Logo({
|
export function Logo({
|
||||||
variant = "full",
|
variant = "full",
|
||||||
className,
|
className,
|
||||||
showVersion = false,
|
|
||||||
invertTextOnDark = true,
|
invertTextOnDark = true,
|
||||||
colorIcon = false,
|
colorIcon = false,
|
||||||
}: LogoProps) {
|
}: LogoProps) {
|
||||||
@@ -26,10 +26,7 @@ export function Logo({
|
|||||||
alt="OpenMonetis"
|
alt="OpenMonetis"
|
||||||
width={32}
|
width={32}
|
||||||
height={32}
|
height={32}
|
||||||
className={cn(
|
className={cn("object-contain", !colorIcon && iconFilterClass)}
|
||||||
"object-contain",
|
|
||||||
!colorIcon && "brightness-0 saturate-0",
|
|
||||||
)}
|
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
<Image
|
<Image
|
||||||
@@ -67,7 +64,7 @@ export function Logo({
|
|||||||
alt="OpenMonetis"
|
alt="OpenMonetis"
|
||||||
width={28}
|
width={28}
|
||||||
height={28}
|
height={28}
|
||||||
className="object-contain"
|
className={cn("object-contain", !colorIcon && iconFilterClass)}
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
<Image
|
<Image
|
||||||
@@ -78,11 +75,6 @@ export function Logo({
|
|||||||
className={cn("object-contain", invertTextOnDark && "dark:invert")}
|
className={cn("object-contain", invertTextOnDark && "dark:invert")}
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
{showVersion && (
|
|
||||||
<span className="text-[9px] font-medium text-muted-foreground">
|
|
||||||
{version}
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -78,6 +78,6 @@ function LogoContent() {
|
|||||||
const isCollapsed = state === "collapsed";
|
const isCollapsed = state === "collapsed";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Logo variant={isCollapsed ? "small" : "full"} showVersion={!isCollapsed} />
|
<Logo variant={isCollapsed ? "small" : "full"} />
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user