Skip to content

Commit 07321c9

Browse files
Junyi-99Junyi-99
committed
fix: css
1 parent 49dd47f commit 07321c9

39 files changed

Lines changed: 136 additions & 93 deletions

‎internal/api/user/list_prompts.go‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ var defaultPrompts = []*userv1.Prompt{
1818
CreatedAt: timestamppb.New(time.Time{}),
1919
UpdatedAt: timestamppb.New(time.Time{}),
2020
Title: "Tool List",
21-
Content: "List available MCP tools with a brief description for each tool.",
21+
Content: "List available tools with a brief description for each tool.",
2222
IsUserPrompt: false,
2323
},
2424
{

‎webapp/_webapp/src/components/code-block.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export const CodeBlock = ({ code, className }: CodeBlockProps) => {
1919

2020
return (
2121
<pre
22-
className={`p-2 rounded-md bg-gray-200 dark:bg-default-200 text-sm text-wrap break-words ${className}`}
22+
className={`p-2 rounded-md bg-gray-200 dark:!bg-default-200 text-sm text-wrap break-words ${className}`}
2323
dangerouslySetInnerHTML={{ __html: highlightedCode }}
2424
/>
2525
);

‎webapp/_webapp/src/components/loading-indicator.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ export const LoadingIndicator = ({ text = "Thinking", estimatedSeconds = 0, erro
148148

149149
{/* Progress Bar */}
150150
{estimatedSeconds > 0 && !isTimeout && !errorMessage && (
151-
<div className="w-full h-1 bg-gray-200 dark:bg-default-300 rounded-full overflow-hidden">
151+
<div className="w-full h-1 bg-gray-200 dark:!bg-default-300 rounded-full overflow-hidden">
152152
<div
153153
className="h-full transition-all duration-300 ease-out"
154154
style={{

‎webapp/_webapp/src/components/logo.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ type LogoProps = {
66

77
export function Logo({ className }: LogoProps) {
88
return (
9-
<div className={cn("bg-gray-100 dark:bg-default-200 rounded-full p-4 mb-3", className)}>
9+
<div className={cn("bg-gray-100 dark:!bg-default-200 rounded-full p-4 mb-3", className)}>
1010
<svg width="64" height="64" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
1111
<rect width="320" height="320" fill="transparent" />
1212
<rect x="81" y="81" width="144" height="152" fill="transparent" />

‎webapp/_webapp/src/components/markdown.tsx‎

Lines changed: 23 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import { code } from "@streamdown/code";
44
import { mermaid } from "@streamdown/mermaid";
55
import { math } from "@streamdown/math";
66
import { cjk } from "@streamdown/cjk";
7+
import "katex/dist/katex.min.css";
78

89
interface MarkdownComponentProps {
910
children: string;
@@ -14,24 +15,43 @@ interface MarkdownComponentProps {
1415
const MarkdownComponent = memo(({ children, animated }: MarkdownComponentProps) => {
1516
return <Streamdown
1617
className="space-y-1 leading-[1.50]"
18+
shikiTheme={["github-light", "ayu-dark"]}
1719
components={{
1820
h1: ({ children }) => (
19-
<h1 className="text-lg font-bold mt-2">
21+
<h1 className="text-lg font-bold mt-2 !text-default-800 dark:!text-default-800">
2022
{children}
2123
</h1>
2224
),
2325

2426
h2: ({ children }) => (
25-
<h2 className="text-base font-bold mt-2 mb-1">
27+
<h2 className="text-base font-bold mt-2 mb-1 !text-default-800 dark:!text-default-800">
2628
{children}
2729
</h2>
2830
),
2931

3032
h3: ({ children }) => (
31-
<h3 className="text-sm font-bold mt-2">
33+
<h3 className="text-sm font-bold mt-2 !text-default-800 dark:!text-default-800">
3234
{children}
3335
</h3>
3436
),
37+
38+
h4: ({ children }) => (
39+
<h4 className="text-xs font-bold mt-2 !text-default-800 dark:!text-default-800">
40+
{children}
41+
</h4>
42+
),
43+
44+
h5: ({ children }) => (
45+
<h5 className="text-xs font-bold mt-2 !text-default-800 dark:!text-default-800">
46+
{children}
47+
</h5>
48+
),
49+
50+
h6: ({ children }) => (
51+
<h6 className="text-xs font-bold mt-2 !text-default-800 dark:!text-default-800">
52+
{children}
53+
</h6>
54+
),
3555
}}
3656
plugins={{ code, mermaid, math, cjk }}
3757
isAnimating={animated}

‎webapp/_webapp/src/components/message-card.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export const STYLES = {
2323
messageBox: {
2424
base: cn(),
2525
assistant: "px-3 pt-3 pb-1 my-2 !border !border-transparent",
26-
user: "px-3 py-2 bg-gray-100 dark:bg-default-200 self-end my-2",
26+
user: "px-3 py-2 bg-gray-100 dark:!bg-default-200 self-end my-2",
2727
indicator: "px-3",
2828
},
2929
attachment: {

‎webapp/_webapp/src/components/message-entry-container/attachment-popover.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ import { STYLES } from "../message-card";
44
// Components
55
export const AttachmentPopover = ({ attachment }: { attachment: string }) => (
66
<Popover placement="bottom" showArrow={true} className="!mt-1">
7-
<PopoverTrigger className="bg-gray-200 dark:bg-default-200 !rounded-xl !flex !w-fit mt-1 noselect">
8-
<span className="!text-xs !text-gray-400 dark:text-default-500 border border-gray-300 dark:border-default-300 !rounded-lg !px-1">attachment</span>
7+
<PopoverTrigger className="bg-gray-200 dark:!bg-default-200 !rounded-xl !flex !w-fit mt-1 noselect">
8+
<span className="!text-xs !text-gray-400 dark:text-default-500 border !border-gray-300 dark:!border-default-300 !rounded-lg !px-1">attachment</span>
99
</PopoverTrigger>
1010
<PopoverContent className={STYLES.attachment.content}>
1111
<div className="!px-1 !py-2" style={{ overflowWrap: "anywhere" }}>

‎webapp/_webapp/src/components/message-entry-container/tools/xtramcp/generate-citations.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ export const GenerateCitationsCard = ({ functionName, message, preparing, animat
8484
{/* Metadata dropdown - INSIDE the tool card */}
8585
{result.metadata && Object.keys(result.metadata).length > 0 && (
8686
<CollapseWrapper isCollapsed={isMetadataCollapsed}>
87-
<div className="text-xs text-gray-600 mt-2 pt-2 border-t border-gray-200">
87+
<div className="text-xs !text-gray-600 dark:!text-gray-400 mt-2 pt-2 border-t !border-gray-200">
8888
{/* Custom metadata rendering */}
8989
<div className="mb-2 italic">⚠️ [Experimental Feature] Some BibTeX entries may not be able to be generated.<br />Report if you encounter an unknown issue.</div>
9090
{result.metadata.total_links !== undefined && (

‎webapp/_webapp/src/components/message-entry-container/tools/xtramcp/online-search-papers.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ export const OnlineSearchPapersCard = ({ functionName, message, preparing, anima
8484
{/* Metadata dropdown - INSIDE the tool card */}
8585
{result.metadata && Object.keys(result.metadata).length > 0 && (
8686
<CollapseWrapper isCollapsed={isMetadataCollapsed}>
87-
<div className="text-xs text-gray-600 mt-2 pt-2 border-t border-gray-200">
87+
<div className="text-xs text-gray-600 mt-2 pt-2 border-t !border-gray-200">
8888
{/* Custom metadata rendering */}
8989
{result.metadata.query && (
9090
<div className="mb-2">

‎webapp/_webapp/src/components/message-entry-container/tools/xtramcp/review-paper.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const renderSeverityLevels = (threshold: string) => {
1616
<code
1717
className={cn(
1818
"text-xs px-1.5 py-0.5 rounded",
19-
index < thresholdIndex ? "line-through text-gray-400 dark:text-default-500 bg-gray-100 dark:bg-default-200" : "text-gray-700 dark:text-default-200 bg-gray-100 dark:bg-default-200"
19+
index < thresholdIndex ? "line-through text-gray-400 dark:text-default-500 bg-gray-100 dark:!bg-default-200" : "text-gray-700 dark:text-default-200 bg-gray-100 dark:!bg-default-200"
2020
)}
2121
>
2222
{level}
@@ -33,7 +33,7 @@ const renderSections = (sections: Array<string>) => {
3333
<span>
3434
{sections.map((section, index) => (
3535
<span key={section}>
36-
<code className="text-xs px-1.5 py-0.5 rounded text-gray-700 dark:text-default-200 bg-gray-100 dark:bg-default-200">
36+
<code className="text-xs px-1.5 py-0.5 rounded text-gray-700 dark:text-default-200 bg-gray-100 dark:!bg-default-200">
3737
{section}
3838
</code>
3939
{index < sections.length - 1 && ", "}
@@ -111,7 +111,7 @@ export const ReviewPaperCard = ({ functionName, message, preparing, animated }:
111111
{/* Metadata dropdown - INSIDE the tool card */}
112112
{result.metadata && Object.keys(result.metadata).length > 0 && (
113113
<CollapseWrapper isCollapsed={isMetadataCollapsed}>
114-
<div className="text-xs text-gray-600 mt-2 pt-2 border-t border-gray-200">
114+
<div className="text-xs text-gray-600 mt-2 pt-2 border-t !border-gray-200">
115115
{/* Informational note */}
116116
<div className="mb-2 text-gray-600">
117117
<MarkdownComponent animated={animated}>

0 commit comments

Comments
 (0)