Spaces:
Paused
Paused
File size: 1,221 Bytes
dff1e71 | 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 44 45 46 | <html>
<head>
<script type="module">
import { store } from "/components/chat/input/input-store.js";
</script>
</head>
<body>
<div id="input-section" x-data>
<template x-if="$store.chatInput">
<div style="width: 100%; display: contents;">
<!-- Attachment Preview section -->
<div>
<x-component path="/chat/attachments/inputPreview.html" />
</div>
<x-component path="chat/input/chat-bar-input.html"></x-component>
<x-component path="chat/input/bottom-actions.html"></x-component>
</div>
</template>
</div>
<style>
/* Input section wrapper */
#input-section {
position: relative;
background-color: var(--color-panel);
display: -webkit-flex;
display: flex;
flex-direction: column;
gap: var(--spacing-xs);
padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 0.8rem;
align-items: start;
place-items: normal;
flex-shrink: 0;
z-index: 1001;
}
@media (max-width: 768px) {
#input-section { align-items: normal !important; }
}
</style>
</body>
</html>
|