forked from lavender/watch-party
add color picker for username color
TODO: style properly
parent
244145696c
commit
1944b2824c
|
@ -32,11 +32,9 @@
|
||||||
|
|
||||||
<label for="join-session-colour">Colour:</label>
|
<label for="join-session-colour">Colour:</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="color"
|
||||||
id="join-session-colour"
|
id="join-session-colour"
|
||||||
placeholder="7ed0ff"
|
value="#7ed0ff"
|
||||||
value="7ed0ff"
|
|
||||||
pattern="[a-fA-F\d]{6}"
|
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
|
@ -79,6 +79,6 @@ export const setupJoinSessionForm = () => {
|
||||||
|
|
||||||
saveNickname(nickname);
|
saveNickname(nickname);
|
||||||
saveColour(colour);
|
saveColour(colour);
|
||||||
joinSession(nickname.value, sessionId.value, colour.value);
|
joinSession(nickname.value, sessionId.value, colour.value.replace(/^#/, ""));
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue