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

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
+3 -3
View File
@@ -105,7 +105,7 @@ export default function CreateQRPage() {
value={qrName}
onChange={e => setQrName(e.target.value)}
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>
@@ -116,7 +116,7 @@ export default function CreateQRPage() {
value={destinationUrl}
onChange={handleUrlChange}
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>
</div>
@@ -132,7 +132,7 @@ export default function CreateQRPage() {
value={customSlug}
onChange={e => setCustomSlug(e.target.value.replace(/[^a-zA-Z0-9-_]/g, ''))}
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>
<p className="text-xs text-gray-500 mt-2">Leave blank to auto-generate a random link.</p>