Success page dark mode fixes

This commit is contained in:
Bailey Pumfleet 2021-08-06 23:45:44 +01:00
parent d5c77c42a3
commit d4fdce5a96

View file

@ -76,7 +76,7 @@ export default function Success(props) {
​
</span>
<div
className="inline-block align-bottom dark:bg-gray-800 bg-white rounded-sm px-8 pt-5 pb-4 text-left overflow-hidden border border-neutral-200 transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:py-6"
className="inline-block align-bottom dark:bg-gray-800 bg-white rounded-sm px-8 pt-5 pb-4 text-left overflow-hidden border border-neutral-200 dark:border-neutral-700 transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:py-6"
role="dialog"
aria-modal="true"
aria-labelledby="modal-headline">
@ -104,7 +104,7 @@ export default function Success(props) {
: `We emailed you and the other attendees a calendar invitation with all the details.`}
</p>
</div>
<div className="mt-4 text-gray-700 border-t border-b dark:border-gray-900 py-4 grid grid-cols-3 text-left">
<div className="mt-4 text-gray-700 dark:text-gray-300 border-t border-b dark:border-gray-900 py-4 grid grid-cols-3 text-left">
<div className="font-medium">What</div>
<div className="mb-6 col-span-2">{eventName}</div>
<div className="font-medium">When</div>
@ -142,7 +142,7 @@ export default function Success(props) {
props.eventType.description
}` + (location ? "&location=" + encodeURIComponent(location) : "")
}>
<a className="mx-2 rounded-sm border border-neutral-200 py-2 px-3">
<a className="mx-2 rounded-sm border border-neutral-200 dark:border-neutral-700 py-2 px-3">
<svg
className="inline-block w-4 h-4 -mt-1"
fill="currentColor"
@ -166,7 +166,7 @@ export default function Success(props) {
eventName
) + (location ? "&location=" + location : "")
}>
<a className="mx-2 rounded-sm border border-neutral-200 py-2 px-3" target="_blank">
<a className="mx-2 rounded-sm border border-neutral-200 dark:border-neutral-700 py-2 px-3" target="_blank">
<svg
className="inline-block w-4 h-4 mr-1 -mt-1"
fill="currentColor"
@ -190,7 +190,7 @@ export default function Success(props) {
eventName
) + (location ? "&location=" + location : "")
}>
<a className="mx-2 rounded-sm border border-neutral-200 py-2 px-3" target="_blank">
<a className="mx-2 rounded-sm border border-neutral-200 dark:border-neutral-700 py-2 px-3" target="_blank">
<svg
className="inline-block w-4 h-4 mr-1 -mt-1"
fill="currentColor"
@ -202,7 +202,7 @@ export default function Success(props) {
</a>
</Link>
<Link href={"data:text/calendar," + eventLink()}>
<a className="mx-2 rounded-sm border border-neutral-200 py-2 px-3" download={props.eventType.title + ".ics"}>
<a className="mx-2 rounded-sm border border-neutral-200 dark:border-neutral-700 py-2 px-3" download={props.eventType.title + ".ics"}>
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"