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() { export default function BlurryDivider() {
return ( 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); setValue(newValue);
}; };
return ( return (
<div className="w-[9.5rem]"> <div className="w-38">
<label className="sr-only" htmlFor={name}> <label className="sr-only" htmlFor={name}>
{name} {name}
</label> </label>

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

@ -74,7 +74,7 @@ function EmojiPickerEmoji({
return ( return (
<button <button
className={cn( 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, className,
)} )}
data-slot="emoji-picker-emoji" 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 ( return (
<textarea <textarea
className={cn( 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, className,
)} )}
ref={ref} ref={ref}

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

@ -64,7 +64,7 @@ export const UserHeaderSection = ({
{!session || !session.user ? ( {!session || !session.user ? (
<Button <Button
aria-label="Login 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 () => { onClick={async () => {
await router.push({ await router.push({
pathname: "/login", pathname: "/login",

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

@ -30,7 +30,7 @@ export function RicercaCommand() {
<Search className="size-5" /> <Search className="size-5" />
</Button> </Button>
</DialogTrigger> </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"> <DialogHeader className="sr-only">
<DialogTitle>Ricerca</DialogTitle> <DialogTitle>Ricerca</DialogTitle>
<DialogDescription>Effettua una ricerca</DialogDescription> <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); setOpenSidebar(status);
}; };
return ( 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"> <div className="mx-auto flex h-14 w-full items-center pr-3 pl-4 md:pr-4 md:pl-8">
<MainNav /> <MainNav />
<MobileNav <MobileNav

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

@ -20,7 +20,7 @@ export const ThemeSwitch = () => {
const ThemeSwitchSkeleton = () => ( const ThemeSwitchSkeleton = () => (
<div <div
aria-hidden="true" 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 <button
aria-label="Toggle Theme" aria-label="Toggle Theme"
className={cn( 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" theme === "light"
? "place-content-end bg-sky-400 hover:bg-sky-500" ? "place-content-end bg-sky-400 hover:bg-sky-500"
: "bg-sky-900 hover:bg-sky-800", : "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 ( return (
<div className="flex w-full flex-col gap-2"> <div className="flex w-full flex-col gap-2">
<Label htmlFor="selected-file">File Selezionato: </Label> <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"> <div className="flex w-full flex-1">
<Link <Link
aria-label="Open Selected File" 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 ( return (
<div <div
className={cn( className={cn(
"flex w-[100px] items-center", "flex w-25 items-center",
isadmin.value === "Admin" && "text-green-500", isadmin.value === "Admin" && "text-green-500",
)} )}
> >

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

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

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

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

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

@ -41,7 +41,7 @@ function Tiptap({
return ( return (
<div <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} id={id}
> >
<ToolBar editor={editor} /> <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 ( return (
<ol <ol
className={cn( 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, className,
)} )}
data-slot="breadcrumb-list" data-slot="breadcrumb-list"

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

@ -173,7 +173,7 @@ function ChartTooltipContent({
return ( return (
<div <div
className={cn( 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, className,
)} )}
> >

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

@ -11,7 +11,7 @@ function Checkbox({
return ( return (
<CheckboxPrimitive.Root <CheckboxPrimitive.Root
className={cn( 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, className,
)} )}
data-slot="checkbox" data-slot="checkbox"

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

@ -62,7 +62,7 @@ function ContextMenuSubTrigger({
return ( return (
<ContextMenuPrimitive.SubTrigger <ContextMenuPrimitive.SubTrigger
className={cn( 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, className,
)} )}
data-inset={inset} data-inset={inset}
@ -82,7 +82,7 @@ function ContextMenuSubContent({
return ( return (
<ContextMenuPrimitive.SubContent <ContextMenuPrimitive.SubContent
className={cn( 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, className,
)} )}
data-slot="context-menu-sub-content" data-slot="context-menu-sub-content"
@ -99,7 +99,7 @@ function ContextMenuContent({
<ContextMenuPrimitive.Portal> <ContextMenuPrimitive.Portal>
<ContextMenuPrimitive.Content <ContextMenuPrimitive.Content
className={cn( 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, className,
)} )}
data-slot="context-menu-content" data-slot="context-menu-content"
@ -121,7 +121,7 @@ function ContextMenuItem({
return ( return (
<ContextMenuPrimitive.Item <ContextMenuPrimitive.Item
className={cn( 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, className,
)} )}
data-inset={inset} data-inset={inset}
@ -142,7 +142,7 @@ function ContextMenuCheckboxItem({
<ContextMenuPrimitive.CheckboxItem <ContextMenuPrimitive.CheckboxItem
checked={checked} checked={checked}
className={cn( 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, className,
)} )}
data-slot="context-menu-checkbox-item" data-slot="context-menu-checkbox-item"
@ -166,7 +166,7 @@ function ContextMenuRadioItem({
return ( return (
<ContextMenuPrimitive.RadioItem <ContextMenuPrimitive.RadioItem
className={cn( 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, className,
)} )}
data-slot="context-menu-radio-item" data-slot="context-menu-radio-item"
@ -192,7 +192,7 @@ function ContextMenuLabel({
return ( return (
<ContextMenuPrimitive.Label <ContextMenuPrimitive.Label
className={cn( 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, className,
)} )}
data-inset={inset} data-inset={inset}

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

@ -38,7 +38,7 @@ function DropdownMenuContent({
<DropdownMenuPrimitive.Portal> <DropdownMenuPrimitive.Portal>
<DropdownMenuPrimitive.Content <DropdownMenuPrimitive.Content
className={cn( 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, className,
)} )}
data-slot="dropdown-menu-content" data-slot="dropdown-menu-content"
@ -69,7 +69,7 @@ function DropdownMenuItem({
return ( return (
<DropdownMenuPrimitive.Item <DropdownMenuPrimitive.Item
className={cn( 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, className,
)} )}
data-inset={inset} data-inset={inset}
@ -90,7 +90,7 @@ function DropdownMenuCheckboxItem({
<DropdownMenuPrimitive.CheckboxItem <DropdownMenuPrimitive.CheckboxItem
checked={checked} checked={checked}
className={cn( 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, className,
)} )}
data-slot="dropdown-menu-checkbox-item" data-slot="dropdown-menu-checkbox-item"
@ -125,7 +125,7 @@ function DropdownMenuRadioItem({
return ( return (
<DropdownMenuPrimitive.RadioItem <DropdownMenuPrimitive.RadioItem
className={cn( 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, className,
)} )}
data-slot="dropdown-menu-radio-item" data-slot="dropdown-menu-radio-item"
@ -151,7 +151,7 @@ function DropdownMenuLabel({
return ( return (
<DropdownMenuPrimitive.Label <DropdownMenuPrimitive.Label
className={cn( 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, className,
)} )}
data-inset={inset} data-inset={inset}
@ -207,7 +207,7 @@ function DropdownMenuSubTrigger({
return ( return (
<DropdownMenuPrimitive.SubTrigger <DropdownMenuPrimitive.SubTrigger
className={cn( 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, className,
)} )}
data-inset={inset} data-inset={inset}
@ -227,7 +227,7 @@ function DropdownMenuSubContent({
return ( return (
<DropdownMenuPrimitive.SubContent <DropdownMenuPrimitive.SubContent
className={cn( 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, className,
)} )}
data-slot="dropdown-menu-sub-content" data-slot="dropdown-menu-sub-content"

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

@ -52,7 +52,7 @@ function TooltipContent({
{...props} {...props}
> >
{children} {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.Content>
</TooltipPrimitive.Portal> </TooltipPrimitive.Portal>
); );

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

@ -74,7 +74,7 @@ export function VideoPlayer({
</motion.div> </motion.div>
</div> </div>
{title && ( {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> <h3 className="font-medium text-lg text-white">{title}</h3>
</div> </div>
)} )}

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

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

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

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

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

@ -155,7 +155,7 @@ const AnnuncioView = ({ cod, flag }: Omit<AnnuncioProps, "meta">) => {
return ( return (
<AnnuncioContext.Provider value={data}> <AnnuncioContext.Provider value={data}>
<TouchProvider> <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 <CarouselAnnuncio
immagini={data.images} immagini={data.images}
updated_at={data.media_updated_at} updated_at={data.media_updated_at}
@ -318,7 +318,7 @@ const Pricing = ({
<PricingComponent <PricingComponent
className={cn( className={cn(
style, 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} cta={cta}
opzioni={opzioni} opzioni={opzioni}

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

@ -157,7 +157,7 @@ const EditModal = ({
return ( return (
<Dialog onOpenChange={setOpen} open={open}> <Dialog onOpenChange={setOpen} open={open}>
<DialogTrigger asChild /> <DialogTrigger asChild />
<DialogContent className="sm:max-w-[425px]"> <DialogContent className="sm:max-w-106.25">
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{!initial ? "Aggiungi Etichetta" : "Modifica Valori"} {!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> <DialogTrigger asChild>
<Button variant="outline">Aggiungi Utente</Button> <Button variant="outline">Aggiungi Utente</Button>
</DialogTrigger> </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> <DialogHeader>
<DialogTitle>Aggiungi Utente</DialogTitle> <DialogTitle>Aggiungi Utente</DialogTitle>
<DialogDescription className="sr-only"> <DialogDescription className="sr-only">