1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-11-26 07:46:06 -05:00

remove twemoji icon dependency

This commit is contained in:
2022-03-19 14:42:46 -04:00
parent f870c5c796
commit 4772768aa2
6 changed files with 93 additions and 141 deletions

View File

@@ -3,7 +3,7 @@ import { Formik, Form, Field } from "formik";
import TextareaAutosize from "react-textarea-autosize";
import Link from "../Link";
import Captcha from "../Captcha";
import { SendIcon, CheckOcticon, XOcticon } from "../Icons";
import { CheckOcticon, XOcticon } from "../Icons";
import { styled, css } from "../../lib/styles/stitches.config";
import type { FormikHelpers } from "formik";
@@ -85,11 +85,10 @@ const SubmitButton = styled("button", {
},
});
const SubmitIcon = styled(SendIcon, {
width: "1.2em",
height: "1.2em",
verticalAlign: "-0.2em",
marginRight: "0.4em",
const SubmitIcon = styled("span", {
fontSize: "1.3em",
marginRight: "0.3em",
lineHeight: 1,
});
const Result = styled("div", {
@@ -274,7 +273,7 @@ const ContactForm = ({ className }: ContactFormProps) => {
<span>Sending...</span>
) : (
<>
<SubmitIcon /> <span>Send</span>
<SubmitIcon>📤</SubmitIcon> <span>Send</span>
</>
)}
</SubmitButton>