Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

chore: update component styles for improved layout and consistency

Browse source
This commit is contained in:
Marco Pedone 2026-01-16 10:30:27 +01:00
parent 3e9b2f2fcd
commit f97533fab0
25 changed files with 43 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/infoalloggi/src/components/blurry_divider.tsx
View file

@ -1,5 +1,5 @@
export default function BlurryDivider() {
return (
<hr className="h-px border-t-0 bg-gradient-to-r bg-transparent from-transparent via-foreground to-transparent opacity-80" />
<hr className="h-px border-t-0 bg-linear-to-r bg-transparent from-transparent via-foreground to-transparent opacity-80" />
);
}

2
apps/infoalloggi/src/components/counter.tsx
View file

@ -19,7 +19,7 @@ export const Counter = ({
setValue(newValue);
};
return (
<div className="w-[9.5rem]">
<div className="w-38">
<label className="sr-only" htmlFor={name}>
{name}
</label>

2
apps/infoalloggi/src/components/custom_ui/emoji-picker.tsx
View file

@ -74,7 +74,7 @@ function EmojiPickerEmoji({
return (
<button
className={cn(
"flex size-7 items-center justify-center rounded-xs text-base data-[active]:bg-accent",
"flex size-7 items-center justify-center rounded-xs text-base data-active:bg-accent",
className,
)}
data-slot="emoji-picker-emoji"

2
apps/infoalloggi/src/components/custom_ui/textarea.tsx
View file

@ -8,7 +8,7 @@ const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
return (
<textarea
className={cn(
`flex min-h-[80px] w-full rounded-lg border border-border bg-background px-3 py-2 shadow-sm outline-hidden transition-all duration-200 hover:border-muted-foreground focus:border-foreground focus:ring-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-500 dark:focus:border-transparent dark:hover:border-neutral-400 dark:placeholder:text-neutral-400`,
`flex min-h-20 w-full rounded-lg border border-border bg-background px-3 py-2 shadow-sm outline-hidden transition-all duration-200 hover:border-muted-foreground focus:border-foreground focus:ring-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-500 dark:focus:border-transparent dark:hover:border-neutral-400 dark:placeholder:text-neutral-400`,
className,
)}
ref={ref}

2
apps/infoalloggi/src/components/navbar/login-button.tsx
View file

@ -64,7 +64,7 @@ export const UserHeaderSection = ({
{!session || !session.user ? (
<Button
aria-label="Login Button"
className="flex h-[46px] w-full items-center justify-center gap-x-1 rounded-lg p-2"
className="flex h-11.5 w-full items-center justify-center gap-x-1 rounded-lg p-2"
onClick={async () => {
await router.push({
pathname: "/login",

2
apps/infoalloggi/src/components/navbar/ricerca_command.tsx
View file

@ -30,7 +30,7 @@ export function RicercaCommand() {
<Search className="size-5" />
</Button>
</DialogTrigger>
<DialogContent className="border-none bg-transparent sm:max-w-xl [&_[data-slot=dialog-close]]:hidden">
<DialogContent className="border-none bg-transparent **:data-[slot=dialog-close]:hidden sm:max-w-xl">
<DialogHeader className="sr-only">
<DialogTitle>Ricerca</DialogTitle>
<DialogDescription>Effettua una ricerca</DialogDescription>

2
apps/infoalloggi/src/components/navbar/site-header.tsx
View file

@ -21,7 +21,7 @@ export function SiteHeader() {
setOpenSidebar(status);
};
return (
<header className="sticky top-0 z-50 w-full border-muted border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<header className="sticky top-0 z-50 w-full border-muted border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60">
<div className="mx-auto flex h-14 w-full items-center pr-3 pl-4 md:pr-4 md:pl-8">
<MainNav />
<MobileNav

4
apps/infoalloggi/src/components/navbar/theme-toggle.tsx
View file

@ -20,7 +20,7 @@ export const ThemeSwitch = () => {
const ThemeSwitchSkeleton = () => (
<div
aria-hidden="true"
className="h-9 w-16 animate-pulse rounded-full bg-muted p-[5px] shadow-inner"
className="h-9 w-16 animate-pulse rounded-full bg-muted p-1.25 shadow-inner"
/>
);
@ -37,7 +37,7 @@ const ThemeSwitchContent = () => {
<button
aria-label="Toggle Theme"
className={cn(
`flex h-7 w-12 items-center rounded-full bg-muted p-[5px] shadow-inner hover:cursor-pointer`,
`flex h-7 w-12 items-center rounded-full bg-muted p-1.25 shadow-inner hover:cursor-pointer`,
theme === "light"
? "place-content-end bg-sky-400 hover:bg-sky-500"
: "bg-sky-900 hover:bg-sky-800",

2
apps/infoalloggi/src/components/servizio/shared.tsx
View file

@ -30,7 +30,7 @@ export const DocInfo = ({
return (
<div className="flex w-full flex-col gap-2">
<Label htmlFor="selected-file">File Selezionato: </Label>
<div className="flex w-full items-center gap-2 sm:max-w-[30rem]">
<div className="flex w-full items-center gap-2 sm:max-w-120">
<div className="flex w-full flex-1">
<Link
aria-label="Open Selected File"

2
apps/infoalloggi/src/components/tables/users-table.tsx
View file

@ -128,7 +128,7 @@ export const UsersTable = (props: { data: UserWChatInfo[] }) => {
return (
<div
className={cn(
"flex w-[100px] items-center",
"flex w-25 items-center",
isadmin.value === "Admin" && "text-green-500",
)}
>

4
apps/infoalloggi/src/components/timeserieBarChart.tsx
View file

@ -107,7 +107,7 @@ export default function TimeserieBarChart({
</CardHeader>
<CardContent className="px-4">
<ChartContainer
className="aspect-auto h-[250px] w-full"
className="aspect-auto h-62.5 w-full"
config={chartConfig}
>
{filteredData.length === 0 ? (
@ -144,7 +144,7 @@ export default function TimeserieBarChart({
)}
</ChartContainer>
</CardContent>
<CardFooter className="!pt-4 flex justify-end border-t">
<CardFooter className="flex justify-end border-t pt-4!">
<span className="text-muted-foreground text-sm">
Totale:{" "}
<strong>

4
apps/infoalloggi/src/components/timeserieBarChartStacked.tsx
View file

@ -121,7 +121,7 @@ export default function TimeserieBarChartStacked({
</CardHeader>
<CardContent className="px-4">
<ChartContainer
className="aspect-auto h-[250px] w-full"
className="aspect-auto h-62.5 w-full"
config={chartConfig}
>
{filteredData.length === 0 ? (
@ -169,7 +169,7 @@ export default function TimeserieBarChartStacked({
)}
</ChartContainer>
</CardContent>
<CardFooter className="!pt-4 flex justify-end border-t">
<CardFooter className="flex justify-end border-t pt-4!">
<span className="text-muted-foreground text-sm">
Totale: <strong>{filteredData.reduce((acc) => acc + 1, 0)}</strong>
</span>

2
apps/infoalloggi/src/components/tip-tap/editor.tsx
View file

@ -41,7 +41,7 @@ function Tiptap({
return (
<div
className="flex h-full min-h-[250px] w-full flex-col justify-stretch"
className="flex h-full min-h-62.5 w-full flex-col justify-stretch"
id={id}
>
<ToolBar editor={editor} />

2
apps/infoalloggi/src/components/ui/breadcrumb.tsx
View file

@ -12,7 +12,7 @@ function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
return (
<ol
className={cn(
"flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm sm:gap-2.5",
"wrap-break-word flex flex-wrap items-center gap-1.5 text-muted-foreground text-sm sm:gap-2.5",
className,
)}
data-slot="breadcrumb-list"

2
apps/infoalloggi/src/components/ui/chart.tsx
View file

@ -173,7 +173,7 @@ function ChartTooltipContent({
return (
<div
className={cn(
"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
"grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
className,
)}
>

2
apps/infoalloggi/src/components/ui/checkbox.tsx
View file

@ -11,7 +11,7 @@ function Checkbox({
return (
<CheckboxPrimitive.Root
className={cn(
"peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-hidden transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40",
"peer size-4 shrink-0 rounded-lg border border-input shadow-xs outline-hidden transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40",
className,
)}
data-slot="checkbox"

14
apps/infoalloggi/src/components/ui/context-menu.tsx
View file

@ -62,7 +62,7 @@ function ContextMenuSubTrigger({
return (
<ContextMenuPrimitive.SubTrigger
className={cn(
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
className,
)}
data-inset={inset}
@ -82,7 +82,7 @@ function ContextMenuSubContent({
return (
<ContextMenuPrimitive.SubContent
className={cn(
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
className,
)}
data-slot="context-menu-sub-content"
@ -99,7 +99,7 @@ function ContextMenuContent({
<ContextMenuPrimitive.Portal>
<ContextMenuPrimitive.Content
className={cn(
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
className,
)}
data-slot="context-menu-content"
@ -121,7 +121,7 @@ function ContextMenuItem({
return (
<ContextMenuPrimitive.Item
className={cn(
"data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!",
className,
)}
data-inset={inset}
@ -142,7 +142,7 @@ function ContextMenuCheckboxItem({
<ContextMenuPrimitive.CheckboxItem
checked={checked}
className={cn(
"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
className,
)}
data-slot="context-menu-checkbox-item"
@ -166,7 +166,7 @@ function ContextMenuRadioItem({
return (
<ContextMenuPrimitive.RadioItem
className={cn(
"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
className,
)}
data-slot="context-menu-radio-item"
@ -192,7 +192,7 @@ function ContextMenuLabel({
return (
<ContextMenuPrimitive.Label
className={cn(
"px-2 py-1.5 font-medium text-foreground text-sm data-[inset]:pl-8",
"px-2 py-1.5 font-medium text-foreground text-sm data-inset:pl-8",
className,
)}
data-inset={inset}

14
apps/infoalloggi/src/components/ui/dropdown-menu.tsx
View file

@ -38,7 +38,7 @@ function DropdownMenuContent({
<DropdownMenuPrimitive.Portal>
<DropdownMenuPrimitive.Content
className={cn(
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
className,
)}
data-slot="dropdown-menu-content"
@ -69,7 +69,7 @@ function DropdownMenuItem({
return (
<DropdownMenuPrimitive.Item
className={cn(
"data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!",
className,
)}
data-inset={inset}
@ -90,7 +90,7 @@ function DropdownMenuCheckboxItem({
<DropdownMenuPrimitive.CheckboxItem
checked={checked}
className={cn(
"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
className,
)}
data-slot="dropdown-menu-checkbox-item"
@ -125,7 +125,7 @@ function DropdownMenuRadioItem({
return (
<DropdownMenuPrimitive.RadioItem
className={cn(
"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
className,
)}
data-slot="dropdown-menu-radio-item"
@ -151,7 +151,7 @@ function DropdownMenuLabel({
return (
<DropdownMenuPrimitive.Label
className={cn(
"px-2 py-1.5 font-medium text-sm data-[inset]:pl-8",
"px-2 py-1.5 font-medium text-sm data-inset:pl-8",
className,
)}
data-inset={inset}
@ -207,7 +207,7 @@ function DropdownMenuSubTrigger({
return (
<DropdownMenuPrimitive.SubTrigger
className={cn(
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground",
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground",
className,
)}
data-inset={inset}
@ -227,7 +227,7 @@ function DropdownMenuSubContent({
return (
<DropdownMenuPrimitive.SubContent
className={cn(
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
className,
)}
data-slot="dropdown-menu-sub-content"

2
apps/infoalloggi/src/components/ui/tooltip.tsx
View file

@ -52,7 +52,7 @@ function TooltipContent({
{...props}
>
{children}
<TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" />
<TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-primary fill-primary" />
</TooltipPrimitive.Content>
</TooltipPrimitive.Portal>
);

2
apps/infoalloggi/src/components/videoPlayer.tsx
View file

@ -74,7 +74,7 @@ export function VideoPlayer({
</motion.div>
</div>
{title && (
<div className="absolute right-0 bottom-0 left-0 bg-gradient-to-t from-black/80 to-transparent p-4">
<div className="absolute right-0 bottom-0 left-0 bg-linear-to-t from-black/80 to-transparent p-4">
<h3 className="font-medium text-lg text-white">{title}</h3>
</div>
)}

2
apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx
View file

@ -170,7 +170,7 @@ export const FormContattoAnnucio = ({ codice }: { codice: string }) => {
<FormMessage />
</div>
<FormControl>
<Textarea className="min-h-[150px]" {...field} />
<Textarea className="min-h-37.5" {...field} />
</FormControl>
</FormItem>
)}

6
apps/infoalloggi/src/forms/FormPrezzo.tsx
View file

@ -188,7 +188,7 @@ export const FormPrezzo = ({
</div>
<FormControl>
<Textarea
className="min-h-[150px]"
className="min-h-37.5"
{...field}
id="desc_it"
/>
@ -227,7 +227,7 @@ export const FormPrezzo = ({
</div>
<FormControl>
<Textarea
className="min-h-[150px]"
className="min-h-37.5"
{...field}
id="desc_en"
/>
@ -454,7 +454,7 @@ export const FormPrezzo = ({
field.onChange(Number.parseInt(value));
}}
>
<SelectTrigger className="w-[180px]">
<SelectTrigger className="w-45">
<SelectValue placeholder="Sconto" />
</SelectTrigger>
<SelectContent>

4
apps/infoalloggi/src/pages/annuncio/[cod].tsx
View file

@ -155,7 +155,7 @@ const AnnuncioView = ({ cod, flag }: Omit<AnnuncioProps, "meta">) => {
return (
<AnnuncioContext.Provider value={data}>
<TouchProvider>
<div className="mx-auto w-full max-w-[100rem] px-2 sm:px-8">
<div className="mx-auto w-full max-w-400 px-2 sm:px-8">
<CarouselAnnuncio
immagini={data.images}
updated_at={data.media_updated_at}
@ -318,7 +318,7 @@ const Pricing = ({
<PricingComponent
className={cn(
style,
"max-w-2xl sm:[&_#contratto-link]:h-8 xl:[&_#contratto-link]:h-9 [&_[data-role=amount]]:text-2xl xl:[&_[data-role=amount]]:text-3xl [&_[data-role=wrapper]]:flex-wrap lg:[&_[data-role=wrapper]]:flex-nowrap",
"max-w-2xl **:data-[role=wrapper]:flex-wrap **:data-[role=amount]:text-2xl lg:**:data-[role=wrapper]:flex-nowrap xl:**:data-[role=amount]:text-3xl sm:[&_#contratto-link]:h-8 xl:[&_#contratto-link]:h-9",
)}
cta={cta}
opzioni={opzioni}

2
apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx
View file

@ -157,7 +157,7 @@ const EditModal = ({
return (
<Dialog onOpenChange={setOpen} open={open}>
<DialogTrigger asChild />
<DialogContent className="sm:max-w-[425px]">
<DialogContent className="sm:max-w-106.25">
<DialogHeader>
<DialogTitle>
{!initial ? "Aggiungi Etichetta" : "Modifica Valori"}

2
apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx
View file

@ -87,7 +87,7 @@ const NewUserModal = () => {
<DialogTrigger asChild>
<Button variant="outline">Aggiungi Utente</Button>
</DialogTrigger>
<DialogContent className="max-h-[80%] overflow-auto sm:max-w-[425px]">
<DialogContent className="max-h-[80%] overflow-auto sm:max-w-106.25">
<DialogHeader>
<DialogTitle>Aggiungi Utente</DialogTitle>
<DialogDescription className="sr-only">