salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix borders and user message timestamp

Browse Source
This commit is contained in:
Shantur Rathore
2025-11-14 13:13:24 +00:00
parent b438702092
commit 6fdd4947f9
3 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/message-item.tsx
View File

@@ -99,7 +99,6 @@ export default function MessageItem(props: MessageItemProps) {
</Show> </Show>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="text-[11px] text-[var(--text-muted)]">{timestamp()}</span>
<Show when={isUser() && props.onRevert}> <Show when={isUser() && props.onRevert}>
<button <button
class="bg-transparent border border-[var(--border-base)] text-[var(--text-muted)] cursor-pointer px-3 py-0.5 rounded text-xs font-semibold leading-none transition-all duration-200 flex items-center justify-center h-6 hover:bg-[var(--surface-hover)] hover:border-[var(--accent-primary)] hover:text-[var(--accent-primary)] active:scale-95" class="bg-transparent border border-[var(--border-base)] text-[var(--text-muted)] cursor-pointer px-3 py-0.5 rounded text-xs font-semibold leading-none transition-all duration-200 flex items-center justify-center h-6 hover:bg-[var(--surface-hover)] hover:border-[var(--accent-primary)] hover:text-[var(--accent-primary)] active:scale-95"
@@ -120,9 +119,10 @@ export default function MessageItem(props: MessageItemProps) {
Fork Fork
</button> </button>
</Show> </Show>
<span class="text-[11px] text-[var(--text-muted)]">{timestamp()}</span>
</div> </div>
</div> </div>
<div class="pt-1 whitespace-pre-wrap break-words leading-[1.1]"> <div class="pt-1 whitespace-pre-wrap break-words leading-[1.1]">
<Show when={props.isQueued && isUser()}> <Show when={props.isQueued && isUser()}>

11
src/styles/components.css
View File

@@ -846,7 +846,7 @@ button.button-primary:disabled {
/* Tool call component */ /* Tool call component */
.tool-call { .tool-call {
@apply border rounded-md overflow-hidden; @apply border overflow-hidden;
border-color: var(--border-base); border-color: var(--border-base);
color: inherit; color: inherit;
--tool-call-line-unit: 1.4em; --tool-call-line-unit: 1.4em;
@@ -867,6 +867,7 @@ button.button-primary:disabled {
@apply flex items-center gap-2 p-2 w-full bg-transparent border-none cursor-pointer text-left; @apply flex items-center gap-2 p-2 w-full bg-transparent border-none cursor-pointer text-left;
font-family: var(--font-family-mono); font-family: var(--font-family-mono);
font-size: 13px; font-size: 13px;
border-radius: 0;
} }
.tool-call-header:hover { .tool-call-header:hover {
@@ -1084,7 +1085,7 @@ button.button-primary:disabled {
margin: 0; margin: 0;
padding: 8px; padding: 8px;
background-color: var(--surface-base); background-color: var(--surface-base);
border-radius: 4px; border-radius: 0px;
overflow-x: auto; overflow-x: auto;
max-height: var(--tool-call-max-height-compact, calc(25 * 1.4em)); max-height: var(--tool-call-max-height-compact, calc(25 * 1.4em));
overflow-y: scroll; overflow-y: scroll;
@@ -1104,12 +1105,12 @@ button.button-primary:disabled {
.tool-call-section pre::-webkit-scrollbar-track { .tool-call-section pre::-webkit-scrollbar-track {
background: var(--surface-secondary); background: var(--surface-secondary);
border-radius: 4px; border-radius: 0px;
} }
.tool-call-section pre::-webkit-scrollbar-thumb { .tool-call-section pre::-webkit-scrollbar-thumb {
background: var(--border-base); background: var(--border-base);
border-radius: 4px; border-radius: 0px;
} }
.tool-call-section pre::-webkit-scrollbar-thumb:hover { .tool-call-section pre::-webkit-scrollbar-thumb:hover {
@@ -1151,7 +1152,7 @@ button.button-primary:disabled {
.tool-call-content { .tool-call-content {
background-color: var(--surface-secondary); background-color: var(--surface-secondary);
border: 1px solid var(--border-base); border: 1px solid var(--border-base);
border-radius: 4px; border-radius: 0;
padding: 8px 12px; padding: 8px 12px;
font-family: var(--font-family-mono); font-family: var(--font-family-mono);
font-size: var(--font-size-xs); font-size: var(--font-size-xs);

7
src/styles/markdown.css
View File

@@ -189,8 +189,8 @@
padding: 4px 8px; padding: 4px 8px;
background-color: var(--surface-secondary); background-color: var(--surface-secondary);
border-bottom: 1px solid var(--border-base); border-bottom: 1px solid var(--border-base);
border-top-left-radius: 6px; /* border-top-left-radius: 6px;
border-top-right-radius: 6px; border-top-right-radius: 6px; */
} }
.code-block-language { .code-block-language {
@@ -236,8 +236,7 @@
padding: 12px !important; padding: 12px !important;
overflow-x: auto; overflow-x: auto;
background-color: transparent !important; background-color: transparent !important;
border-bottom-left-radius: 6px; border-radius: 0;
border-bottom-right-radius: 6px;
} }
.markdown-code-block code { .markdown-code-block code {