Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00
Code Issues Projects Releases Wiki Activity

feat: style page 3

Browse Source
This commit is contained in:
Thomas Heartman 2022-02-27 16:15:46 +01:00
parent 5bc48076a2
commit 1534fd1674
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
website/src/components/UserFeedback/index.jsx
View File

@ -211,17 +211,15 @@ export const FeedbackWrapper = ({ seedData }) => {
Finally, would you mind telling us a little about yourself?
What kind of customer are you?
</span>
<div>
<div className={styles['customer-type-inputs']}>
{[
['an', 'open source', 'opensource'],
['a', 'paying', 'paying'],
['an', 'open source', 'opensource'],
].map(([article, customerType, key]) => (
<span key={`input-group-${key}`}>
<input
className={join(
styles['user-satisfaction-score-input'],
)}
id={`customer-type-${key}`}
className={styles['customer-type-input']}
name="customer-type"
type="radio"
value={key}
@ -233,9 +231,7 @@ export const FeedbackWrapper = ({ seedData }) => {
}}
/>
<label
className={
styles['user-satisfaction-score-label']
}
className={styles['customer-type-label']}
htmlFor={`customer-type-${key}`}
>
I'm {article} {customerType} customer

8
website/src/components/UserFeedback/styles.module.css
View File

@ -133,3 +133,11 @@ button.close-button {
display: block;
width: 100%;
}
.customer-type-inputs {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--ifm-spacing-horizontal);
accent-color: var(--ifm-color-primary);
}