File size: 1,224 Bytes
20fda5d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
class ClaudeInputArea extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.attachShadow({ mode: 'open' });
this.render();
this.setupEventListeners();
}
render() {
this.shadowRoot.innerHTML = `
<style>
.input-container {
background: white;
border-top: 1px solid #e2e8f0;
padding: 1.5rem;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.input-wrapper {
max-width: 1200px;
margin: 0 auto;
display: flex;
gap: 1rem;
align-items: flex-end;
}
.textarea-container {
flex: 1;
position: relative;
}
.message-textarea {
width: 100%;
min-height: 56px;
max-height: 150px;
padding: 1rem;
border: |