mohanki/ck_qr_nextjs_node_redis_postgres
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: explicit text color for qr editor inputs to fix legibility in light theme

Browse Source
This commit is contained in:
Mohan Ki
2026-07-27 15:51:00 +05:30
parent c3ba7c1be3
commit c6a0a13616
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/app/dashboard/create/page.tsx
+3 -3
View File
@@ -105,7 +105,7 @@ export default function CreateQRPage() {
value={qrName} value={qrName}
onChange={e => setQrName(e.target.value)} onChange={e => setQrName(e.target.value)}
placeholder="e.g. Front Door Menu" placeholder="e.g. Front Door Menu"
className="w-full border-gray-300 rounded-lg shadow-sm p-3 border focus:ring-indigo-500 focus:border-indigo-500" className="w-full border-gray-300 rounded-lg shadow-sm p-3 border focus:ring-indigo-500 focus:border-indigo-500 text-gray-900 bg-white"
/> />
</div> </div>
@@ -116,7 +116,7 @@ export default function CreateQRPage() {
value={destinationUrl} value={destinationUrl}
onChange={handleUrlChange} onChange={handleUrlChange}
placeholder="https://your-website.com" placeholder="https://your-website.com"
className="w-full border-gray-300 rounded-lg shadow-sm p-3 border focus:ring-indigo-500 focus:border-indigo-500" className="w-full border-gray-300 rounded-lg shadow-sm p-3 border focus:ring-indigo-500 focus:border-indigo-500 text-gray-900 bg-white"
/> />
<p className="text-xs text-gray-500 mt-2">This is a dynamic QR. You can change this URL later without reprinting the code.</p> <p className="text-xs text-gray-500 mt-2">This is a dynamic QR. You can change this URL later without reprinting the code.</p>
</div> </div>
@@ -132,7 +132,7 @@ export default function CreateQRPage() {
value={customSlug} value={customSlug}
onChange={e => setCustomSlug(e.target.value.replace(/[^a-zA-Z0-9-_]/g, ''))} onChange={e => setCustomSlug(e.target.value.replace(/[^a-zA-Z0-9-_]/g, ''))}
placeholder="my-promo" placeholder="my-promo"
className="flex-1 w-full p-3 focus:outline-none" className="flex-1 w-full p-3 focus:outline-none text-gray-900 bg-white"
/> />
</div> </div>
<p className="text-xs text-gray-500 mt-2">Leave blank to auto-generate a random link.</p> <p className="text-xs text-gray-500 mt-2">Leave blank to auto-generate a random link.</p>
client/src/components/qr-editor/DesignPanel.tsx
+2 -2
View File
@@ -54,7 +54,7 @@ export default function DesignPanel({ options, onChange }: DesignPanelProps) {
<select <select
value={options.dotsOptions?.type || 'square'} value={options.dotsOptions?.type || 'square'}
onChange={handleDotTypeChange} onChange={handleDotTypeChange}
className="w-full border-gray-300 rounded-lg shadow-sm p-2 border focus:ring-indigo-500 focus:border-indigo-500" className="w-full border-gray-300 rounded-lg shadow-sm p-2 border focus:ring-indigo-500 focus:border-indigo-500 text-gray-900 bg-white"
> >
<option value="square">Square</option> <option value="square">Square</option>
<option value="dots">Dots</option> <option value="dots">Dots</option>
@@ -70,7 +70,7 @@ export default function DesignPanel({ options, onChange }: DesignPanelProps) {
<select <select
value={options.cornersSquareOptions?.type || 'square'} value={options.cornersSquareOptions?.type || 'square'}
onChange={handleEyeTypeChange} onChange={handleEyeTypeChange}
className="w-full border-gray-300 rounded-lg shadow-sm p-2 border focus:ring-indigo-500 focus:border-indigo-500" className="w-full border-gray-300 rounded-lg shadow-sm p-2 border focus:ring-indigo-500 focus:border-indigo-500 text-gray-900 bg-white"
> >
<option value="square">Square</option> <option value="square">Square</option>
<option value="dot">Dot</option> <option value="dot">Dot</option>