lorentz/wulf-pulse
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

feat: increase ticket font sizes and fix company name display

Browse source 
- 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:
root 2026-02-03 09:09:46 -05:00
parent 26bfd503f1
commit 62ec703f81
2 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/kiosk/settings/page.tsx
View file

@ -40,6 +40,12 @@ export default function KioskSettingsPage() {
const res = await fetch('/api/kiosk/settings');
if (res.ok) {
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);
}
} catch (error) {

8
components/kiosk/kpi-card.tsx
View file

@ -53,16 +53,16 @@ export function KpiCard({ title, value, icon: Icon, trend, color = 'blue', suffi
{tickets && tickets.length > 0 && (
<div className="w-full mt-4 space-y-3">
{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">
<span className={`text-lg font-bold ${colorClasses[color]} flex-shrink-0`}>
<span className={`text-2xl font-bold ${colorClasses[color]} flex-shrink-0`}>
#{ticket.ticketNumber}
</span>
<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}
</div>
<div className="text-xs text-gray-400 line-clamp-2">
<div className="text-base text-gray-400 line-clamp-2">
{ticket.title}
</div>
</div>