Fix rounded corners on follow-up messages

Browse Source
This commit is contained in:
BordedDev 2025-03-08 17:25:56 +01:00
parent 5a72c8cd83
commit 98c2213a86
No known key found for this signature in database
GPG Key ID: C5F495EAE56673BF
1 changed files with 191 additions and 183 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/snek/static/base.css
View File

@ -111,14 +111,17 @@ a {
height: 200px; height: 200px;
background: #1a1a1a; background: #1a1a1a;
} }
.container { .container {
flex: 1; flex: 1;
padding: 10px; padding: 10px;
ul { ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
a { a {
font-size: 20px; font-size: 20px;
color: #f05a28; color: #f05a28;
@ -161,23 +164,26 @@ a {
color: #f05a28; color: #f05a28;
margin-bottom: 3px; margin-bottom: 3px;
} }
* { * {
word-break: break-word; word-break: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
hyphens: auto; hyphens: auto;
} }
.highlight pre { .highlight pre {
white-space: pre-wrap; white-space: pre-wrap;
word-break: break-word; word-break: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
hyphens: auto; hyphens: auto;
} }
.chat-messages .message .message-content .text, .threads .thread .message-content .text { .chat-messages .message .message-content .text, .threads .thread .message-content .text {
margin-bottom: 5px; margin-bottom: 5px;
color: #e6e6e6; color: #e6e6e6;
word-break: break-word; word-break: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
hyphens: auto; hyphens: auto;
} }
.message-content { .message-content {
@ -187,7 +193,8 @@ hyphens: auto;
.message-content { .message-content {
img, video, iframe, div { img, video, iframe, div {
max-width: 100%; max-width: 90%;
border-radius: 20px;
} }
} }
@ -254,7 +261,7 @@ input[type="text"], .chat-input textarea {
} }
.message.switch-user { .message.switch-user {
.text img,iframe, video { .text img, iframe, video {
max-width: 90%; max-width: 90%;
border-radius: 20px; border-radius: 20px;
} }
@ -269,15 +276,15 @@ input[type="text"], .chat-input textarea {
} }
} }
.message:has(+ .message.switch-user), .message:last-child{ .message:has(+ .message.switch-user), .message:last-child {
.time { .time {
display: block; display: block;
} }
} }
/* The entire scrollbar */ /* The entire scrollbar */
::-webkit-scrollbar { ::-webkit-scrollbar {
display:none; display: none;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
@ -300,8 +307,9 @@ input[type="text"], .chat-input textarea {
} }
a { a {
text-decoration:none text-decoration: none
} }
.sidebar { .sidebar {
width: 250px; width: 250px;
background-color: #121212; background-color: #121212;