fix: add fs-zone-card to driver components so font size settings apply

Driver components (DriverDeliveryPlanner, DriverShipmentPanel,
DriverDeliveryDetail) were missing fs-zone-card class wrappers.
Font size settings from SettingsPage saved to localStorage correctly
but never applied to driver UI because fontSettings.css only
overrides Tailwind text-* classes inside .fs-zone-* wrappers.
This commit is contained in:
root 2026-07-13 06:58:49 +00:00
parent e7365b6c0c
commit 6c7d83c2be
3 changed files with 4 additions and 4 deletions

View File

@ -98,7 +98,7 @@ export const DriverDeliveryDetail = ({ order, onStatusChange }) => {
} }
return ( return (
<div className="space-y-4"> <div className="space-y-4 fs-zone-card">
{showProblemModal && ( {showProblemModal && (
<ProblemReasonModal <ProblemReasonModal
onSelect={(reasonValue, reasonLabel) => { onSelect={(reasonValue, reasonLabel) => {

View File

@ -200,7 +200,7 @@ export const DriverDeliveryPlanner = ({ orderGroups = [], onOpenOrder, currentUs
} }
return ( return (
<div className="space-y-4"> <div className="space-y-4 fs-zone-card">
<Panel className="space-y-3 p-5"> <Panel className="space-y-3 p-5">
<div className="space-y-4"> <div className="space-y-4">
<div className="flex flex-wrap items-center justify-between gap-3"> <div className="flex flex-wrap items-center justify-between gap-3">

View File

@ -205,7 +205,7 @@ export const DriverShipmentPanel = ({ order, onShipmentChange, onSaveShipment, i
if (items.length === 0) { if (items.length === 0) {
return ( return (
<Panel className="space-y-3 p-5"> <Panel className="space-y-3 p-5 fs-zone-card">
<strong>Состав заказа</strong> <strong>Состав заказа</strong>
<p className="text-sm text-[var(--color-text-muted)]">Позиции не указаны</p> <p className="text-sm text-[var(--color-text-muted)]">Позиции не указаны</p>
</Panel> </Panel>
@ -213,7 +213,7 @@ export const DriverShipmentPanel = ({ order, onShipmentChange, onSaveShipment, i
} }
return ( return (
<Panel className="space-y-4 p-5"> <Panel className="space-y-4 p-5 fs-zone-card">
<div className="flex flex-wrap items-center justify-between gap-3"> <div className="flex flex-wrap items-center justify-between gap-3">
<div> <div>
<strong>Отгрузка</strong> <strong>Отгрузка</strong>