sageTheDm/interstellar_ai
1
0
Fork 0
forked from React-Group/interstellar_ai
Code Pull requests Activity

css removal unused lines

Browse source
This commit is contained in:
sageTheDM 2024-10-08 17:37:17 +02:00
parent 4b21fe04f3
commit 9c8bc39b9d
17 changed files with 138 additions and 352 deletions
Download patch file Download diff file Expand all files Collapse all files

24
app/styles/output.css
View file

@ -16,7 +16,6 @@
height: 85dvh;
position: relative;
}
#conversation {
display: flex;
flex-direction: column;
@ -27,7 +26,6 @@
border-radius: 10px;
scroll-behavior: smooth;
}
/* Message Bubbles */
.user-message, .ai-message {
padding: 10px;
@ -37,23 +35,19 @@
word-wrap: break-word;
overflow-wrap: break-word;
}
.user-message {
background-color: var(--user-message-background-color);
align-self: flex-end;
color: var(--user-message-text-color);
}
.ai-message {
background-color: var(--ai-message-background-color);
align-self: flex-start;
color: var(--ai-message-text-color);
}
.ai-message a {
color: var(--text-color);
}
.ai-message table {
display: block; /* Treat the table as a block element */
position: relative;
@ -67,31 +61,24 @@
border-radius: 4px; /* Optional: Add border radius similar to pre/code */
margin-top: 5px;
}
.ai-message th {
background-color: var(--user-message-background-color);
align-items: center;
padding: 5px;
}
.ai-message td {
align-items: center;
padding: 5px;
}
.ai-message img {
max-width: 80%;
}
.ai-message a:hover {
filter: brightness(70%);
}
.ai-message li {
margin-left: 1em;
}
.ai-message code, .ai-message pre {
overflow-x: auto;
white-space: pre;
@ -101,12 +88,10 @@
background-color: var(--code-background-color);
border-radius: 4px;
}
/* Button Container */
.button-container {
display: flex;
}
.button-container button {
background: none;
border: none;
@ -117,18 +102,15 @@
height: 40px;
width: 40px;
}
.button-container button:hover {
background-color: var(--button-hover-background-color);
}
.tooltip {
position: relative;
display: inline-block;
cursor: pointer;
z-index: 900;
}
.tooltip .tooltiptext {
visibility: hidden;
background-color: var(--user-message-background-color);
@ -137,17 +119,14 @@
padding: 5px;
border-radius: 4px;
font-size: calc(var(--font-size) * 0.8);
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
opacity: 0;
transition: all 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
@ -158,19 +137,16 @@
border-style: solid;
border-color: transparent transparent var(--user-message-background-color) transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
#copiedText {
margin-top: 1em;
cursor: default;
pointer-events: none;
user-select: none;
}
#scrollToBottom {
scroll-behavior: smooth;
visibility: hidden;