From 73ab42cc161d3a371325a5b2cd9539f160db6e60 Mon Sep 17 00:00:00 2001
From: David <darranz@rodax-software.com>
Date: Tue, 22 Sep 2026 16:48:56 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20reducir=20el=20tama=C3=B1o=20de=20los=20?=
 =?UTF-8?q?=C3=ADconos=20en=20varios=20componentes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/pages/company-details-settings-page.tsx            | 8 ++++----
 .../ui/blocks/proforma-create-initial-info-card.tsx       | 2 +-
 .../update/ui/blocks/proforma-totals-summary.tsx          | 2 +-
 .../update/ui/editors/proforma-payment-editor.tsx         | 2 +-
 .../update/ui/editors/proforma-settings-editor.tsx        | 2 +-
 .../update/ui/editors/proforma-update-header-editor.tsx   | 2 +-
 .../update/ui/editors/proforma-update-items-editor.tsx    | 2 +-
 .../ui/editors/proforma-update-recipient-editor.tsx       | 2 +-
 .../update/ui/editors/proforma-update-tax-editor.tsx      | 2 +-
 .../sections/company-verifactu-configuration-section.tsx  | 2 +-
 .../ui/sections/company-verifactu-defaults-section.tsx    | 2 +-
 .../ui/sections/company-verifactu-status-section.tsx      | 2 +-
 .../suppliers/src/web/shared/ui/supplier-editor-form.tsx  | 8 ++++----
 packages/rdx-ui/src/components/editor-page/rdx-panel.tsx  | 2 +-
 packages/rdx-ui/src/components/pdf-viewer.tsx             | 2 +-
 15 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/modules/companies/src/web/settings/company-details/ui/pages/company-details-settings-page.tsx b/modules/companies/src/web/settings/company-details/ui/pages/company-details-settings-page.tsx
index f1fe427c..5e884a7c 100644
--- a/modules/companies/src/web/settings/company-details/ui/pages/company-details-settings-page.tsx
+++ b/modules/companies/src/web/settings/company-details/ui/pages/company-details-settings-page.tsx
@@ -98,7 +98,7 @@ export const CompanyDetailsSettingsPage = () => {
             >
               <RdxPanel
                 description={t("settings.companyDetails.sections.general.description")}
-                icon={<ScrollTextIcon className="size-6" />}
+                icon={<ScrollTextIcon className="size-5" />}
                 title={t("settings.companyDetails.sections.general.title")}
                 variant="plain"
               >
@@ -148,7 +148,7 @@ export const CompanyDetailsSettingsPage = () => {
 
               <RdxPanel
                 description={t("settings.companyDetails.sections.contact.description")}
-                icon={<ContactIcon className="size-6" />}
+                icon={<ContactIcon className="size-5" />}
                 title={t("settings.companyDetails.sections.contact.title")}
                 variant="plain"
               >
@@ -198,7 +198,7 @@ export const CompanyDetailsSettingsPage = () => {
               </RdxPanel>
               <RdxPanel
                 description="Datos fiscales de la empresa"
-                icon={<ContactIcon className="size-6" />}
+                icon={<ContactIcon className="size-5" />}
                 title="Dirección fiscal"
                 variant="plain"
               >
@@ -238,7 +238,7 @@ export const CompanyDetailsSettingsPage = () => {
 
               <RdxPanel
                 description={t("settings.companyDetails.sections.paymentTerm.description")}
-                icon={<LandmarkIcon className="size-6" />}
+                icon={<LandmarkIcon className="size-5" />}
                 title={t("settings.companyDetails.sections.paymentTerm.title")}
                 variant="plain"
               >
diff --git a/modules/customer-invoices/src/web/proformas/create/ui/blocks/proforma-create-initial-info-card.tsx b/modules/customer-invoices/src/web/proformas/create/ui/blocks/proforma-create-initial-info-card.tsx
index 18cc6a8e..2a487ed7 100644
--- a/modules/customer-invoices/src/web/proformas/create/ui/blocks/proforma-create-initial-info-card.tsx
+++ b/modules/customer-invoices/src/web/proformas/create/ui/blocks/proforma-create-initial-info-card.tsx
@@ -44,7 +44,7 @@ export const ProformaCreateInitialInfoCard = ({
 
   return (
     <RdxPanel
-      icon={<FileTextIcon className="size-6" />}
+      icon={<FileTextIcon className="size-5" />}
       title={t("proformas.create.initial_info.title", "Información inicial")}
       variant="card"
     >
diff --git a/modules/customer-invoices/src/web/proformas/update/ui/blocks/proforma-totals-summary.tsx b/modules/customer-invoices/src/web/proformas/update/ui/blocks/proforma-totals-summary.tsx
index 9dd1121e..d18373f5 100644
--- a/modules/customer-invoices/src/web/proformas/update/ui/blocks/proforma-totals-summary.tsx
+++ b/modules/customer-invoices/src/web/proformas/update/ui/blocks/proforma-totals-summary.tsx
@@ -52,7 +52,7 @@ export const ProformaTotalsSummary = ({
       className={className}
       description={t("proformas.update.totals.description")}
       disabled={disabled}
-      icon={<CurrencyIcon className="size-6" />}
+      icon={<CurrencyIcon className="size-5" />}
       title={t("proformas.update.totals.title", "Totales")}
     >
       <FormSectionGrid className="gap-5 md:grid-cols-1">
diff --git a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-payment-editor.tsx b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-payment-editor.tsx
index 6dc7928b..2c667e5a 100644
--- a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-payment-editor.tsx
+++ b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-payment-editor.tsx
@@ -28,7 +28,7 @@ export const ProformaUpdatePaymentEditor = ({
     <RdxPanel
       className={className}
       description={t("form_groups.proformas.payment.description", "Forma de pago")}
-      icon={<CreditCardIcon className="size-6" />}
+      icon={<CreditCardIcon className="size-5" />}
       title={t("form_groups.proformas.payment.title", "Condiciones de pago")}
       variant="card"
     >
diff --git a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-settings-editor.tsx b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-settings-editor.tsx
index 833d635c..f25706f5 100644
--- a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-settings-editor.tsx
+++ b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-settings-editor.tsx
@@ -22,7 +22,7 @@ export const ProformaUpdateSettingsEditor = ({
       className={className}
       description={t("form_groups.proformas.settings.description", "Configuración de la proforma")}
       disabled={disabled}
-      icon={<Settings2Icon className="size-6" />}
+      icon={<Settings2Icon className="size-5" />}
       title={t("form_groups.proformas.settings.title", "Configuración")}
     >
       <FormSectionGrid className="md:grid-cols-1">
diff --git a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-header-editor.tsx b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-header-editor.tsx
index 53475261..66c0cae1 100644
--- a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-header-editor.tsx
+++ b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-header-editor.tsx
@@ -31,7 +31,7 @@ export const ProformaUpdateHeaderEditor = ({
   return (
     <RdxPanel
       className={className}
-      icon={<FileTextIcon className="size-6" />}
+      icon={<FileTextIcon className="size-5" />}
       title={t("form_groups.proformas.basic_info.title")}
       variant="card"
     >
diff --git a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-items-editor.tsx b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-items-editor.tsx
index a57641ef..0ea593e0 100644
--- a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-items-editor.tsx
+++ b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-items-editor.tsx
@@ -35,7 +35,7 @@ export const ProformaUpdateItemsEditor = ({
           ? "rounded-xl border border-destructive/40 bg-destructive/5 px-4 py-4 md:px-5"
           : ""
       )}
-      icon={<ListIcon className="size-3" />}
+      icon={<ListIcon className="size-5" />}
       title={t("form_groups.items.title", "Líneas de detalle")}
       variant="card"
     >
diff --git a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-recipient-editor.tsx b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-recipient-editor.tsx
index b523be62..e8c16d99 100644
--- a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-recipient-editor.tsx
+++ b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-recipient-editor.tsx
@@ -38,7 +38,7 @@ export const ProformaUpdateRecipientEditor = ({
         "form_groups.proformas.customer.description",
         "Cliente destinatario de la proforma"
       )}
-      icon={<UserIcon className="size-6" />}
+      icon={<UserIcon className="size-5" />}
       title={t("form_groups.proformas.customer.title", "Cliente")}
       variant="card"
     >
diff --git a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-tax-editor.tsx b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-tax-editor.tsx
index 0ee008f4..3845cf60 100644
--- a/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-tax-editor.tsx
+++ b/modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-tax-editor.tsx
@@ -44,7 +44,7 @@ export const ProformaUpdateTaxEditor = ({
         "form_groups.proformas.taxes.description",
         "Configura los valores fiscales por defecto de la proforma. Los impuestos aplicados y los totales se calculan desde las líneas valoradas."
       )}
-      icon={<LandmarkIcon className="size-6" />}
+      icon={<LandmarkIcon className="size-5" />}
       title={t("form_groups.proformas.taxes.title", "Configuración fiscal")}
       variant="card"
     >
diff --git a/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-configuration-section.tsx b/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-configuration-section.tsx
index fe131efb..c1e7684b 100644
--- a/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-configuration-section.tsx
+++ b/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-configuration-section.tsx
@@ -30,7 +30,7 @@ export const CompanyVerifactuConfigurationSection = ({
   return (
     <RdxPanel
       description={t("settings.verifactu.configuration.description")}
-      icon={<ShieldCheckIcon className="size-6" />}
+      icon={<ShieldCheckIcon className="size-5" />}
       title={t("settings.verifactu.configuration.title")}
       variant="plain"
     >
diff --git a/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-defaults-section.tsx b/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-defaults-section.tsx
index 882d4891..8d7dbb37 100644
--- a/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-defaults-section.tsx
+++ b/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-defaults-section.tsx
@@ -19,7 +19,7 @@ export const CompanyVerifactuDefaultsSection = ({
   return (
     <RdxPanel
       description={t("settings.verifactu.defaults.description")}
-      icon={<LandmarkIcon className="size-6" />}
+      icon={<LandmarkIcon className="size-5" />}
       title={t("settings.verifactu.defaults.title")}
       variant="plain"
     >
diff --git a/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-status-section.tsx b/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-status-section.tsx
index 889676aa..81c7bd98 100644
--- a/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-status-section.tsx
+++ b/modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-status-section.tsx
@@ -21,7 +21,7 @@ export const CompanyVerifactuStatusSection = () => {
   return (
     <RdxPanel
       description={t("settings.verifactu.status.description")}
-      icon={<FileCogIcon className="size-6" />}
+      icon={<FileCogIcon className="size-5" />}
       title={t("settings.verifactu.status.title")}
       variant="plain"
     >
diff --git a/modules/suppliers/src/web/shared/ui/supplier-editor-form.tsx b/modules/suppliers/src/web/shared/ui/supplier-editor-form.tsx
index d9cb25c8..fa96c860 100644
--- a/modules/suppliers/src/web/shared/ui/supplier-editor-form.tsx
+++ b/modules/suppliers/src/web/shared/ui/supplier-editor-form.tsx
@@ -60,7 +60,7 @@ export const SupplierEditorForm = ({
     <form className="flex min-w-0 flex-col gap-6" id={formId} noValidate onSubmit={onSubmit}>
       <RdxPanel
         description={t("form.sections.identity.description")}
-        icon={<FileTextIcon className="size-6" />}
+        icon={<FileTextIcon className="size-5" />}
         title={t("form.sections.identity.title")}
       >
         <RdxFormGrid className="md:grid-cols-2">
@@ -109,7 +109,7 @@ export const SupplierEditorForm = ({
 
       <RdxPanel
         description={t("form.sections.address.description")}
-        icon={<MapPinIcon className="size-6" />}
+        icon={<MapPinIcon className="size-5" />}
         title={t("form.sections.address.title")}
       >
         <RdxFormGrid className="md:grid-cols-2">
@@ -129,7 +129,7 @@ export const SupplierEditorForm = ({
 
       <RdxPanel
         description={t("form.sections.contact.description")}
-        icon={<PhoneIcon className="size-6" />}
+        icon={<PhoneIcon className="size-5" />}
         title={t("form.sections.contact.title")}
       >
         <RdxFormGrid className="md:grid-cols-2">
@@ -172,7 +172,7 @@ export const SupplierEditorForm = ({
 
       <RdxPanel
         description={t("form.sections.preferences.description")}
-        icon={<LanguagesIcon className="size-6" />}
+        icon={<LanguagesIcon className="size-5" />}
         title={t("form.sections.preferences.title")}
       >
         <RdxFormGrid className="md:grid-cols-2">
diff --git a/packages/rdx-ui/src/components/editor-page/rdx-panel.tsx b/packages/rdx-ui/src/components/editor-page/rdx-panel.tsx
index 4ece50bd..d59db9b5 100644
--- a/packages/rdx-ui/src/components/editor-page/rdx-panel.tsx
+++ b/packages/rdx-ui/src/components/editor-page/rdx-panel.tsx
@@ -54,7 +54,7 @@ export const RdxPanel = ({
         <div className="flex items-start justify-between gap-4">
           <div className="flex min-w-0 items-start gap-3">
             {icon ? (
-              <div className="flex size-8 shrink-0 items-center justify-center text-primary">
+              <div className="flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary">
                 {icon}
               </div>
             ) : null}
diff --git a/packages/rdx-ui/src/components/pdf-viewer.tsx b/packages/rdx-ui/src/components/pdf-viewer.tsx
index 4767b957..cd6571c9 100644
--- a/packages/rdx-ui/src/components/pdf-viewer.tsx
+++ b/packages/rdx-ui/src/components/pdf-viewer.tsx
@@ -393,7 +393,7 @@ export function PDFViewer({
       contentClassName="space-y-3 px-2 sm:space-y-4 sm:px-4 md:space-y-5 md:px-6"
       description={description}
       headerClassName="px-2 sm:px-4 md:px-6"
-      icon={<EyeIcon className="size-6" />}
+      icon={<EyeIcon className="size-5" />}
       title={title}
     >
       {viewerContent}