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

refactor: update Badge styling across multiple pages for improved visual consistency

Browse source
This commit is contained in:
Marco Pedone 2025-11-17 19:21:40 +01:00
parent de034c0eb7
commit 941055102d
9 changed files with 16 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -54,8 +54,8 @@ export const CTA_TipologiaModal = () => {
open={open} open={open}
> >
<DialogTrigger asChild> <DialogTrigger asChild>
<Button> <Button className="h-9">
<CircleHelp />{" "} <CircleHelp className="size-5" />{" "}
<span className="hidden sm:block"> <span className="hidden sm:block">
{t.tipologia_tutorial.btn_title} {t.tipologia_tutorial.btn_title}
</span> </span>

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

@ -153,7 +153,7 @@ export const CardAnnuncio = ({
return ( return (
<div <div
className={cn( className={cn(
"relative h-[31.1rem] rounded-md bg-secondary outline outline-fxd-foreground/60 hover:outline-fxd-foreground dark:bg-primary", "relative h-[31.1rem] rounded-md bg-secondary outline outline-primary/60 hover:outline-primary dark:bg-primary dark:outline-primary",
className, className,
)} )}
id={`card-annuncio-${id}`} id={`card-annuncio-${id}`}
@ -298,7 +298,7 @@ export const CardAnnuncio = ({
<div className="flex h-full grow flex-col gap-2"> <div className="flex h-full grow flex-col gap-2">
<Badge <Badge
className={cn( className={cn(
"w-full font-semibold text-md", "w-full font-semibold text-md text-white",
tipo === "Transitorio" && "bg-transitorio", tipo === "Transitorio" && "bg-transitorio",
tipo === "Stabile" && "bg-stabile", tipo === "Stabile" && "bg-stabile",
tipo === "Cessione" && "bg-blue-400", tipo === "Cessione" && "bg-blue-400",

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

@ -85,7 +85,7 @@ const AutocompleteSearchBox = ({
<div className="z-[5000] w-full" ref={wrapperRef}> <div className="z-[5000] w-full" ref={wrapperRef}>
<div <div
className={cn( className={cn(
"relative flex w-full items-center justify-center rounded-md bg-[color-mix(in_oklch,var(--fxd-secondary)50%,white)]", "relative flex w-full items-center justify-center rounded-md bg-[color-mix(in_oklch,var(--fxd-secondary)50%,white)] dark:bg-primary",
containerClassName, containerClassName,
)} )}
@ -96,7 +96,7 @@ const AutocompleteSearchBox = ({
</label> </label>
<Input <Input
className={cn( className={cn(
"z-10 cursor-pointer search-cancel:cursor-pointer rounded-md border-fxd-foreground bg-transparent text-fxd-foreground text-xl search-cancel:brightness-75 search-cancel:grayscale placeholder:font-bold placeholder:text-primary focus:ring-fxd-secondary", "z-10 cursor-pointer search-cancel:cursor-pointer rounded-md border-fxd-foreground bg-transparent text-fxd-foreground text-xl search-cancel:brightness-75 search-cancel:grayscale placeholder:font-bold placeholder:text-primary focus:ring-fxd-secondary dark:bg-transparent dark:hover:bg-input/10",
className, className,
)} )}
id={inputId || "search"} id={inputId || "search"}

10
apps/infoalloggi/src/pages/annunci.tsx
View file

@ -71,7 +71,7 @@ const Annunci = ({ options }: AnnunciPageProps) => {
</Head> </Head>
<main className="relative mx-auto w-full max-w-10xl space-y-5 bg-background2 px-2 py-5 md:px-8"> <main className="relative mx-auto w-full max-w-10xl space-y-5 bg-background2 px-2 py-5 md:px-8">
<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground"> <Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
{t.annunci.titolo} {t.annunci.titolo}
</Badge> </Badge>
@ -297,11 +297,11 @@ const RicercaHeader = () => {
return ( return (
<div className="mx-auto w-full max-w-10xl space-y-5"> <div className="mx-auto w-full max-w-10xl space-y-5">
<div className="flex w-full flex-col-reverse gap-4 sm:flex-row sm:gap-2"> <div className="flex w-full flex-col-reverse gap-2 sm:flex-row">
<div className="flex w-full gap-2 sm:w-auto"> <div className="flex w-full items-center gap-2 sm:w-auto">
<DrowdownFilters /> <DrowdownFilters />
<Button <Button
className="flex w-fit flex-row gap-2" className="flex w-fit flex-row items-center gap-2"
onClick={async () => { onClick={async () => {
await setMap((v) => !v); await setMap((v) => !v);
}} }}
@ -323,7 +323,7 @@ const RicercaHeader = () => {
<div className="flex w-full items-center justify-between gap-2 sm:justify-between"> <div className="flex w-full items-center justify-between gap-2 sm:justify-between">
<div className="relative z-35 flex w-full gap-1 sm:w-auto"> <div className="relative z-35 flex w-full gap-1 sm:w-auto">
<CodiceBox <CodiceBox
className="h-10 w-full" className="h-9 w-full border-0"
inputId="annunci-search" inputId="annunci-search"
optionBoxClassName="top-11 " optionBoxClassName="top-11 "
/> />

2
apps/infoalloggi/src/pages/chi-siamo.tsx
View file

@ -13,7 +13,7 @@ const ChiSiamo: NextPage = () => {
<meta content={t.heads.main_description} name="description" /> <meta content={t.heads.main_description} name="description" />
</Head> </Head>
<main className="mx-auto w-full max-w-8xl space-y-5 px-2 py-5 md:px-8"> <main className="mx-auto w-full max-w-8xl space-y-5 px-2 py-5 md:px-8">
<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground"> <Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
{t.chi_siamo.title} {t.chi_siamo.title}
</Badge> </Badge>
<div className="mx-auto w-full max-w-6xl space-y-5 sm:space-y-14"> <div className="mx-auto w-full max-w-6xl space-y-5 sm:space-y-14">

2
apps/infoalloggi/src/pages/contatti.tsx
View file

@ -70,7 +70,7 @@ const Contatto: NextPage = () => {
<meta content={t.heads.main_description} name="description" /> <meta content={t.heads.main_description} name="description" />
</Head> </Head>
<main className="mx-auto w-full max-w-8xl px-2 py-5 md:px-8"> <main className="mx-auto w-full max-w-8xl px-2 py-5 md:px-8">
<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground"> <Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
{t.contatti} {t.contatti}
</Badge> </Badge>

2
apps/infoalloggi/src/pages/guida.tsx
View file

@ -21,7 +21,7 @@ const Guida: NextPage = () => {
<meta content={t.heads.main_description} name="description" /> <meta content={t.heads.main_description} name="description" />
</Head> </Head>
<main className="mx-auto w-full max-w-8xl px-2 py-5 md:px-8"> <main className="mx-auto w-full max-w-8xl px-2 py-5 md:px-8">
<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground"> <Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
{t.guida} {t.guida}
</Badge> </Badge>

2
apps/infoalloggi/src/pages/prezzi.tsx
View file

@ -45,7 +45,7 @@ const Prezzi: NextPage = () => {
<meta content={t.heads.prezzi_description} name="description" /> <meta content={t.heads.prezzi_description} name="description" />
</Head> </Head>
<section className="mx-auto max-w-8xl px-2 py-5 md:px-8"> <section className="mx-auto max-w-8xl px-2 py-5 md:px-8">
<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground"> <Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
{t.prezzi_titolo} {t.prezzi_titolo}
</Badge> </Badge>
<div className="mt-5 space-y-14"> <div className="mt-5 space-y-14">

2
apps/infoalloggi/src/pages/proprietari.tsx
View file

@ -19,7 +19,7 @@ const Proprietari: NextPage = () => {
<meta content={t.proprietari.description} name="description" /> <meta content={t.proprietari.description} name="description" />
</Head> </Head>
<main className="mx-auto w-full max-w-8xl space-y-5 px-2 py-5 md:px-8"> <main className="mx-auto w-full max-w-8xl space-y-5 px-2 py-5 md:px-8">
<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground"> <Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
{t.proprietari.titolo} {t.proprietari.titolo}
</Badge> </Badge>
<div className="mx-auto w-full space-y-5 sm:space-y-14"> <div className="mx-auto w-full space-y-5 sm:space-y-14">