forked from git.gladyson/openmonetis
feat(dashboard): ajustar layout e estilos
- Adiciona o PrivacyProvider ao layout do dashboard - Atualiza variáveis de cor no CSS para o tema - Modifica largura máxima de elementos no componente de tabela - Remove fonte antropic-sans e substitui por Barlow - Ajusta classes de estilo em componentes de cartão e sidebar
This commit is contained in:
@@ -188,7 +188,7 @@ const buildColumns = ({
|
||||
<EstabelecimentoLogo name={name} size={28} />
|
||||
<Tooltip>
|
||||
<TooltipTrigger asChild>
|
||||
<span className="line-clamp-2 max-w-[180px] font-bold truncate">
|
||||
<span className="line-clamp-2 max-w-[160px] font-semibold truncate">
|
||||
{name}
|
||||
</span>
|
||||
</TooltipTrigger>
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
|
||||
import { Card } from "@/components/ui/card";
|
||||
import { useMonthPeriod } from "@/hooks/use-month-period";
|
||||
import { main_font } from "@/public/fonts/font_index";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useEffect, useMemo, useTransition } from "react";
|
||||
import LoadingSpinner from "./loading-spinner";
|
||||
@@ -80,9 +79,7 @@ export default function MonthPicker() {
|
||||
};
|
||||
|
||||
return (
|
||||
<Card
|
||||
className={`${main_font.className} sticky top-0 z-30 w-full flex-row border-none bg-month-picker text-month-picker-foreground p-5 shadow-none drop-shadow-none`}
|
||||
>
|
||||
<Card className="sticky top-0 z-30 w-full flex-row bg-month-picker text-month-picker-foreground p-5">
|
||||
<div className="flex items-center gap-1">
|
||||
<NavigationButton
|
||||
direction="left"
|
||||
@@ -92,7 +89,7 @@ export default function MonthPicker() {
|
||||
|
||||
<div className="flex items-center">
|
||||
<div
|
||||
className="mx-1 space-x-1 capitalize font-bold tracking-wide"
|
||||
className="mx-1 space-x-1 capitalize font-medium"
|
||||
aria-current={!isDifferentFromCurrent ? "date" : undefined}
|
||||
aria-label={`Período selecionado: ${currentMonthLabel} de ${currentYear}`}
|
||||
>
|
||||
|
||||
@@ -51,7 +51,7 @@ export function AppSidebar({
|
||||
<SidebarMenuItem>
|
||||
<SidebarMenuButton
|
||||
asChild
|
||||
className="data-[slot=sidebar-menu-button]:p-1.5!"
|
||||
className="data-[slot=sidebar-menu-button]:px-1.5! hover:bg-transparent"
|
||||
>
|
||||
<a href="/dashboard">
|
||||
<LogoContent />
|
||||
|
||||
@@ -120,7 +120,7 @@ export function NavMain({ sections }: { sections: NavSection[] }) {
|
||||
className={itemIsActive ? activeLinkClasses : ""}
|
||||
>
|
||||
<Link prefetch href={buildHrefWithPeriod(item.url)}>
|
||||
<item.icon className={"h-4 w-4"} />
|
||||
<item.icon className="size-4" />
|
||||
{item.title}
|
||||
</Link>
|
||||
</SidebarMenuButton>
|
||||
|
||||
@@ -7,7 +7,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
|
||||
<div
|
||||
data-slot="card"
|
||||
className={cn(
|
||||
"bg-card text-card-foreground flex flex-col gap-6 border drop-shadow-xs py-6 rounded-md hover:border-primary/50 transition-colors",
|
||||
"bg-card text-card-foreground flex flex-col gap-6 border-transparent border drop-shadow-xs py-6 rounded-md hover:border-primary/50 transition-colors",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
||||
@@ -235,7 +235,7 @@ function Sidebar({
|
||||
// Adjust the padding for floating and inset variants.
|
||||
variant === "floating" || variant === "inset"
|
||||
? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
|
||||
: "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
|
||||
: "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=right]:border-l",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
||||
Reference in New Issue
Block a user