fix: explicit text color for qr editor inputs to fix legibility in light theme
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user