jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-11-26 07:46:06 -05:00
Code Issues Activity

remove global .icon style

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-30 09:00:59 -05:00
parent 6fbe9ae66b
commit 2a29d713bb
17 changed files with 79 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ContactForm/ContactForm.module.css
View File

@@ -70,6 +70,12 @@
margin-right: var(--rounded-edge-radius);
}
.result_icon {
width: 1.3em;
height: 1.3em;
vertical-align: -0.3em;
}
.result_success,
.result_error {
font-weight: 600;

9
components/ContactForm/ContactForm.tsx
View File

@@ -163,7 +163,7 @@ const ContactForm = ({ className }: Props) => {
<span>Sending...</span>
) : (
<>
<SendIcon className={classNames("icon", styles.send_icon)} /> <span>Send</span>
<SendIcon className={classNames(styles.send_icon)} /> <span>Send</span>
</>
)}
</button>
@@ -175,7 +175,12 @@ const ContactForm = ({ className }: Props) => {
hidden: !submitted || !feedback || isSubmitting,
})}
>
{success ? <CheckOcticon fill="CurrentColor" /> : <XOcticon fill="CurrentColor" />} {feedback}
{success ? (
<CheckOcticon className={styles.result_icon} fill="CurrentColor" />
) : (
<XOcticon className={styles.result_icon} fill="CurrentColor" />
)}{" "}
{feedback}
</span>
</div>
</Form>