Mitchell/cashier-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Solving styling issues

Browse Source
This commit is contained in:
Mitchell Magro 2026-01-14 19:27:06 +01:00
parent 9d6e3e0d5b
commit bc7f7588ef
3 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/config/cashierConfig.ts
View File

@ -134,7 +134,7 @@ export function getCashierConfig(): ICashierConfig {
const userId = params.get('userId')?.trim(); const userId = params.get('userId')?.trim();
if (userId) { if (userId) {
config.userId = userId; config.userId = userId;
} else if (import.meta.env.DEV) { } else if (config.environment === 'development' && !config.userId) {
// Development fallback: use a default numeric userId for testing // Development fallback: use a default numeric userId for testing
// The API expects customer ID to be a numeric value // The API expects customer ID to be a numeric value
config.userId = '123'; config.userId = '123';

1
src/features/cashier/Cashier.tsx
View File

@ -38,6 +38,7 @@ function Cashier() {
} }
// Auto-fill customer IP if available and not already set // Auto-fill customer IP if available and not already set
// NOTE: This is not needed anymore as the IP is now set in the form metadata or HTTP headers
if (customerIp) { if (customerIp) {
// Check if IP field exists in form metadata and populate it // Check if IP field exists in form metadata and populate it
const ipField = formMetadata.find( const ipField = formMetadata.find(

10
src/index.scss
View File

@ -1,7 +1,9 @@
// Global styles // Global styles
html,
:root { :root {
width: 100%; width: 100%;
height: 100%;
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5; line-height: 1.5;
font-weight: 400; font-weight: 400;
@ -28,10 +30,16 @@ a {
body { body {
margin: 0; margin: 0;
width: 100%;
height: 100%;
display: flex; display: flex;
place-items: center; place-items: center;
min-width: 320px; min-width: 320px;
min-height: 100vh; }
#root {
width: 100%;
height: 100%;
} }
h1 { h1 {