fix: reduce stat-value font size

Author: Nerivec

src/components/device-page/tabs/DeviceInfo.tsx

@@ -126,14 +126,14 @@ export default function DeviceInfo(props: DeviceInfoProps) {
                 <div className="stats stats-vertical lg:stats-horizontal shadow">
                     <div className="stat">
                         <div className="stat-title">{device.type}</div>
-                        <div className="stat-value">{toHex(device.network_address)}</div>
+                        <div className="stat-value text-xl">{toHex(device.network_address)}</div>
                         <div className="stat-desc">
                             {t("network_address_dec")}: {device.network_address}
                         </div>
                     </div>
                     <div className="stat">
                         <div className="stat-title">{t("last_seen")}</div>
-                        <div className="stat-value">
+                        <div className="stat-value text-xl">
                             <LastSeen config={bridgeConfig.advanced.last_seen} lastSeen={deviceState.last_seen} />
                         </div>
                         <div className="stat-desc">
@@ -149,7 +149,7 @@ export default function DeviceInfo(props: DeviceInfoProps) {
                     </div>
                     <div className="stat">
                         <div className="stat-title">{t("power")}</div>
-                        <div className="stat-value">
+                        <div className="stat-value text-xl">
                             <PowerSource
                                 showLevel={true}
                                 device={device}
@@ -163,22 +163,22 @@ export default function DeviceInfo(props: DeviceInfoProps) {
                     {
                         <div className="stat">
                             <div className="stat-title">{t("firmware_id")}</div>
-                            <div className="stat-value">{device.software_build_id || t("unknown")}</div>
+                            <div className="stat-value text-xl">{device.software_build_id || t("unknown")}</div>
                             <div className="stat-desc">{device.date_code || t("unknown")}</div>
                         </div>
                     }
                 </div>
                 <div className="stats stats-vertical lg:stats-horizontal shadow">
                     <div className="stat">
                         <div className="stat-title">{t("zigbee_model")}</div>
-                        <div className="stat-value">{device.model_id}</div>
+                        <div className="stat-value text-xl">{device.model_id}</div>
                         <div className="stat-desc">
                             {device.manufacturer} ({definitionDescription})
                         </div>
                     </div>
                     <div className="stat">
                         <div className="stat-title">{t("model")}</div>
-                        <div className="stat-value">
+                        <div className="stat-value text-xl">
                             <ModelLink device={device} />
                         </div>
                         <div className="stat-desc">

src/components/settings-page/tabs/About.tsx

@@ -72,26 +72,26 @@ export default function About() {
             <div className="stats stats-vertical lg:stats-horizontal shadow">
                 <div className="stat place-items-center">
                     <div className="stat-title">{t("zigbee2mqtt_version")}</div>
-                    <div className="stat-value">{zigbee2mqttVersion}</div>
+                    <div className="stat-value text-xl">{zigbee2mqttVersion}</div>
                     <div className="stat-desc">{zigbee2mqttCommit}</div>
                 </div>
                 <div className="stat place-items-center">
                     <div className="stat-title">{t("frontend_version")}</div>
-                    <div className="stat-value">{frontendVersion}</div>
+                    <div className="stat-value text-xl">{frontendVersion}</div>
                 </div>
                 <div className="stat place-items-center">
                     <div className="stat-title">{t("zigbee_herdsman_converters_version")}</div>
-                    <div className="stat-value">{zhcVersion}</div>
+                    <div className="stat-value text-xl">{zhcVersion}</div>
                 </div>
                 <div className="stat place-items-center">
                     <div className="stat-title">{t("zigbee_herdsman_version")}</div>
-                    <div className="stat-value">{zhVersion}</div>
+                    <div className="stat-value text-xl">{zhVersion}</div>
                 </div>
             </div>
             <div className="stats stats-vertical lg:stats-horizontal shadow">
                 <div className="stat place-items-center">
                     <div className="stat-title">{t("coordinator")}</div>
-                    <div className="stat-value">{bridgeInfo.coordinator.type}</div>
+                    <div className="stat-value text-xl">{bridgeInfo.coordinator.type}</div>
                     <div className="stat-desc flex flex-col gap-2 items-center">
                         <span className="badge badge-primary" title={t("coordinator_ieee_address")}>
                             {bridgeInfo.coordinator.ieee_address}