m1ngsama/chat-bubbles-for-yt
1
0
Fork 0
mirror of https://github.com/m1ngsama/chat-bubbles-for-yt.git synced 2025-12-24 10:51:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

formatted code to fit the rest of the project

Browse source
This commit is contained in:
Bash Elliott 2023-01-09 20:23:21 +11:00
parent 8c8c6c0970
commit 630740d334
3 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.css
View file

@ -8,7 +8,7 @@
} }
.picker { .picker {
position: fixed!important; position: fixed!important;
top: 0; top: 0;
right: 0; right: 0;
} }

14
src/App.jsx
View file

@ -27,10 +27,10 @@ function App() {
[newMessage, messages] [newMessage, messages]
) )
const handleColourChange = (color) => { const handleColourChange = (color) => {
setColour(color.hex); setColour(color.hex);
console.log(color); console.log(color);
}; };
const lastMessage = messages[messages.length - 1] const lastMessage = messages[messages.length - 1]
const dy = lastMessage ? lastMessage.height : 0 const dy = lastMessage ? lastMessage.height : 0
@ -49,11 +49,11 @@ function App() {
value={newMessage} value={newMessage}
onChange={setNewMessage} onChange={setNewMessage}
onSubmit={handleSubmit} onSubmit={handleSubmit}
colourClass={colour} colourClass={colour}
/> />
</Chat> </Chat>
<SketchPicker className="picker" color={colour} onChange={handleColourChange}/> <SketchPicker className="picker" color={colour} onChange={handleColourChange}/>
</div> </div>
) )
} }

1
src/bubble.css
View file

@ -15,7 +15,6 @@
.bubble-content { .bubble-content {
margin-right: 25%; margin-right: 25%;
background-color: rgb(126, 203, 255);
position: relative; position: relative;
} }