feat: increase ticket font sizes and fix company name display
- Increased ticket number font from text-lg to text-2xl - Increased company name font from text-sm to text-lg - Increased ticket title font from text-xs to text-base - Increased padding on ticket cards for better spacing - Fixed company ID to name conversion in settings page - Ensure excluded_company_ids are parsed as numbers for proper lookup
This commit is contained in:
parent
26bfd503f1
commit
62ec703f81
2 changed files with 10 additions and 4 deletions
|
|
@ -40,6 +40,12 @@ export default function KioskSettingsPage() {
|
||||||
const res = await fetch('/api/kiosk/settings');
|
const res = await fetch('/api/kiosk/settings');
|
||||||
if (res.ok) {
|
if (res.ok) {
|
||||||
const data = await res.json();
|
const data = await res.json();
|
||||||
|
// Ensure excluded_company_ids are numbers
|
||||||
|
if (data.excluded_company_ids && Array.isArray(data.excluded_company_ids)) {
|
||||||
|
data.excluded_company_ids = data.excluded_company_ids.map((id: any) =>
|
||||||
|
typeof id === 'string' ? parseInt(id) : id
|
||||||
|
);
|
||||||
|
}
|
||||||
setSettings(data);
|
setSettings(data);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
|
|
||||||
|
|
@ -53,16 +53,16 @@ export function KpiCard({ title, value, icon: Icon, trend, color = 'blue', suffi
|
||||||
{tickets && tickets.length > 0 && (
|
{tickets && tickets.length > 0 && (
|
||||||
<div className="w-full mt-4 space-y-3">
|
<div className="w-full mt-4 space-y-3">
|
||||||
{tickets.map((ticket, index) => (
|
{tickets.map((ticket, index) => (
|
||||||
<div key={ticket.ticketNumber} className="bg-black/30 rounded-lg p-3 border border-gray-700">
|
<div key={ticket.ticketNumber} className="bg-black/30 rounded-lg p-4 border border-gray-700">
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<span className={`text-lg font-bold ${colorClasses[color]} flex-shrink-0`}>
|
<span className={`text-2xl font-bold ${colorClasses[color]} flex-shrink-0`}>
|
||||||
#{ticket.ticketNumber}
|
#{ticket.ticketNumber}
|
||||||
</span>
|
</span>
|
||||||
<div className="flex-1 min-w-0">
|
<div className="flex-1 min-w-0">
|
||||||
<div className="text-sm font-semibold text-gray-300 truncate">
|
<div className="text-lg font-semibold text-gray-300 truncate">
|
||||||
{ticket.companyName}
|
{ticket.companyName}
|
||||||
</div>
|
</div>
|
||||||
<div className="text-xs text-gray-400 line-clamp-2">
|
<div className="text-base text-gray-400 line-clamp-2">
|
||||||
{ticket.title}
|
{ticket.title}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue