infoalloggi-monorepo/apps/infoalloggi/src/components/navbar/settings-modal.tsx
Marco Pedone d7bfd8fdf1 feat: Update UI components and styles across multiple pages
- Enhanced the CardInfos component in [cod].tsx with improved styling and added TrafficCone icon for status indication.
- Increased dialog content width in prezziario.tsx and testi-stringhe.tsx for better layout.
- Replaced static badge elements with the Badge component in chi-siamo.tsx, contatti.tsx, guida.tsx, prezzi.tsx, and proprietari.tsx for consistent styling.
- Updated button components to use the Button component in contatti.tsx and proprietari.tsx for improved accessibility and styling.
- Modified the TrovaCasaCTA and FrequentSearches components in index.tsx for better visual consistency and updated color usage.
- Refactored global CSS variables for improved color management and added new color variables for better theme support.
- Implemented dynamic loading for the KabanExample component in test.tsx to enhance performance.
2025-11-14 17:21:21 +01:00

26 lines
663 B
TypeScript

import { Settings } from "lucide-react";
import { LangToggle } from "~/components/navbar/lang-toggle";
import { Button } from "~/components/ui/button";
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "~/components/ui/popover";
import { ThemeSwitch } from "./theme-toggle";
export const SettingsPopover = () => {
return (
<Popover>
<PopoverTrigger asChild>
<Button aria-label="Settings" className="p-2" variant="ghost">
<Settings className="size-5" />
</Button>
</PopoverTrigger>
<PopoverContent className="flex w-fit justify-center gap-4 p-4">
<LangToggle />
<ThemeSwitch />
</PopoverContent>
</Popover>
);
};