This commit is contained in:
@@ -1783,6 +1783,8 @@ input[type="checkbox"] {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
color: #333;
|
color: #333;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
line-height: 1.1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.seating-chart-container {
|
.seating-chart-container {
|
||||||
|
|||||||
@@ -56,6 +56,9 @@ const CircularTable = ({tableNumber, guests = [], inCenterCustomerIds = [], onSe
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (<div className="seat-container" key={index} style={{transform: `translate(${pos.x}px, ${pos.y}px)`}}>
|
return (<div className="seat-container" key={index} style={{transform: `translate(${pos.x}px, ${pos.y}px)`}}>
|
||||||
|
<div className="guest-name" style={!isInCenter && hasCustomer ? { color: '#999', fontSize: '8px' } : {}}>
|
||||||
|
{guest?.customerName || ''}
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
className={`seat-circle ${hasCustomer ? 'has-customer' : ''}`}
|
className={`seat-circle ${hasCustomer ? 'has-customer' : ''}`}
|
||||||
style={seatStyle}
|
style={seatStyle}
|
||||||
@@ -63,9 +66,6 @@ const CircularTable = ({tableNumber, guests = [], inCenterCustomerIds = [], onSe
|
|||||||
>
|
>
|
||||||
{defaultSeatNumber[index]}
|
{defaultSeatNumber[index]}
|
||||||
</div>
|
</div>
|
||||||
<div className="guest-name" style={!isInCenter && hasCustomer ? { color: '#999', fontSize: '8px' } : {}}>
|
|
||||||
{guest?.customerName || ''}
|
|
||||||
</div>
|
|
||||||
</div>)
|
</div>)
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user