Skip to content

Commit b2890bc

Browse files
committed
client(ColorInput.tsx): add a new input with the type of color next to the random color generator button
1 parent 56cd896 commit b2890bc

File tree

11 files changed

+41
-16
lines changed

11 files changed

+41
-16
lines changed

client/build/asset-manifest.json

Lines changed: 6 additions & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

client/build/index.html

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

client/build/static/css/main.ade749d0.css

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

client/build/static/css/main.ade749d0.css.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

client/build/static/css/main.dcaa307d.css

Lines changed: 0 additions & 4 deletions
This file was deleted.

client/build/static/css/main.dcaa307d.css.map

Lines changed: 0 additions & 1 deletion
This file was deleted.

client/build/static/js/main.207ad942.js renamed to client/build/static/js/main.12fff70b.js

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

client/build/static/js/main.207ad942.js.map renamed to client/build/static/js/main.12fff70b.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

client/src/components/input/ColorInput.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,17 @@ const ColorInput: FC<ColorInputProps> = (props) => {
6363
>
6464
<BsArrowRepeat />
6565
</button>
66+
67+
<input
68+
value={isError || props.value === "auto" ? "#8B949E" : props.value}
69+
onChange={(e) => props.setValue(e.target.value)}
70+
type="color"
71+
autoComplete="off"
72+
className="text-base border border-solid rounded-md px-2 py-1
73+
leading-none cursor-pointer border-gh-button-border
74+
bg-gh-button hover:bg-gh-button-active hover:border-gh-button-border-active
75+
transition-all duration-150 w-10 h-8 color-input"
76+
/>
6677
</div>
6778

6879
{!isError && props.helperText && (

0 commit comments

Comments
 (0)