engineering/opencompletion.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

create grid column for room user list

Browse source 
modified:   templates/base.html
	modified:   templates/chat.html
This commit is contained in:
Russell Ballestrini 2024-11-22 16:30:10 -05:00
parent 46d760cdf5
commit 54fe4139a0
2 changed files with 11 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

15
templates/base.html
View file

@ -62,7 +62,7 @@
overflow-y: auto;
border: 1px solid #e1e1e1;
border-radius: 5px;
padding: 10px;
padding-left: 10px;
margin-bottom: 10px;
width: 100%; /* Allow chat window to fill available space */
}
@ -112,7 +112,7 @@
/* Styling for the main container that holds the rooms list and chat */
.main-container {
display: grid;
grid-template-columns: 20% 80%; /* Adjust the 20% as needed */
grid-template-columns: 15% 70% 15%;
width: 100%;
height: 90vh;
}
@ -174,16 +174,7 @@
padding-right: 0.8em; /* Adjust the padding as needed */
}
.download-links {
position: absolute;
right: 10px;
top: 10px;
z-index: 1000;
display: flex;
flex-direction: column;
}
.download-links a {
margin-bottom: 5px;
text-align: center;
}
/* Hamburger button styling */

13
templates/chat.html
View file

@ -3,11 +3,6 @@
{% block title %}Chatroom{% endblock %}
{% block content %}
<div class="download-links">
<div>
Chat History: <a href="/download_chat_history?room_name={{ room_name }}" download="{{ room_name }}.json">JSON</a> or <a href="/download_chat_history_md?room_name={{ room_name }}" download="{{ room_name }}.md">Markdown</a>
</div>
</div>
<div id="chat-container">
<!-- Chat area where messages will be displayed -->
@ -18,6 +13,14 @@
</form>
</div>
<div>
<div class="download-links">
History
<a href="/download_chat_history?room_name={{ room_name }}" download="{{ room_name }}.json">JSON</a> or
<a href="/download_chat_history_md?room_name={{ room_name }}" download="{{ room_name }}.md">Markdown</a>
</div>
</div>
<script>
// Constants
const API_KEY = "dummy-api-key";