skills
/
deerflow2
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(ui): 漫游导航样式修改

This commit is contained in:
肖应宇 2026-04-21 09:22:48 +08:00
parent cad86218a7
commit 08b74314c4
2 changed files with 83 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/workspace/input-box.tsx
View File

@ -734,6 +734,7 @@ export function InputBox({
open={isInputToolsTourOpen}
onClose={closeInputToolsTour}
onFinish={finishInputToolsTour}
rootClassName="workspace-input-tools-tour"
gap={
{ offset: 3 , radius:10 }
}
@ -1162,7 +1163,7 @@ function SuggestionList({
);
return (
<Suggestions
className="min-h-16 w-fit items-start"
className="w-fit items-start"
data-testid="welcome-suggestions"
>
{promptSuggestions.map((suggestion) => (

108
frontend/src/styles/globals.css
View File

@ -141,6 +141,7 @@
--animate-wave: wave 0.6s ease-in-out 2;
@keyframes wave {
0%,
100% {
transform: rotate(0deg);
@ -368,19 +369,17 @@
position: absolute;
left: 0;
top: 0;
background: linear-gradient(
45deg,
#fb0094,
#0000ff,
#00ff00,
#ffff00,
#ff0000,
#fb0094,
#0000ff,
#00ff00,
#ffff00,
#ff0000
);
background: linear-gradient(45deg,
#fb0094,
#0000ff,
#00ff00,
#ffff00,
#ff0000,
#fb0094,
#0000ff,
#00ff00,
#ffff00,
#ff0000);
background-size: 400%;
width: 100%;
height: 100%;
@ -534,15 +533,11 @@ code {
}
/* 表格四角圆角：由四个角单元格承担视觉圆角 */
[data-streamdown="table-header"]
tr:first-child
> [data-streamdown="table-header-cell"]:first-child {
[data-streamdown="table-header"] tr:first-child>[data-streamdown="table-header-cell"]:first-child {
border-top-left-radius: 5px;
}
[data-streamdown="table-header"]
tr:first-child
> [data-streamdown="table-header-cell"]:last-child {
[data-streamdown="table-header"] tr:first-child>[data-streamdown="table-header-cell"]:last-child {
border-top-right-radius: 5px;
}
@ -556,15 +551,11 @@ code {
border-bottom: 1px solid black;
} */
[data-streamdown="table-body"]
tr:last-child
> [data-streamdown="table-cell"]:first-child {
[data-streamdown="table-body"] tr:last-child>[data-streamdown="table-cell"]:first-child {
border-bottom-left-radius: 5px;
}
[data-streamdown="table-body"]
tr:last-child
> [data-streamdown="table-cell"]:last-child {
[data-streamdown="table-body"] tr:last-child>[data-streamdown="table-cell"]:last-child {
border-bottom-right-radius: 5px;
}
@ -573,7 +564,7 @@ code {
padding-bottom: calc(20px * var(--zoom-scale));
}
[data-streamdown="table-row"] > [data-streamdown="table-cell"] {
[data-streamdown="table-row"]>[data-streamdown="table-cell"] {
line-height: calc(42px * var(--zoom-scale));
vertical-align: top;
text-align: center;
@ -616,6 +607,69 @@ code {
height: 100% !important;
}
.ticker-char{
.ticker-char {
overflow: hidden;
}
.ant-tour-panel {
border-radius: 10px;
border: 1px solid #000000;
font-family:
"Microsoft YaHei",
"PingFang SC",
"Hiragino Sans GB",
"Noto Sans CJK SC",
"Segoe UI",
sans-serif;
}
.ant-tour .ant-tour-arrow:before {
background: #000;
}
.workspace-input-tools-tour.ant-tour .ant-tour-section .ant-tour-close {
top: 20px;
}
.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary,
.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary:hover,
.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary:focus,
.workspace-input-tools-tour .ant-tour-next-btn.ant-btn-primary:active {
height: 28px;
width: 80px;
font-size: 12px;
background: #150055 !important;
border-color: #150055 !important;
color: #fff !important;
}
.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default,
.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default:hover,
.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default:focus,
.workspace-input-tools-tour .ant-tour-prev-btn.ant-btn-default:active {
/* background: #8d44ee !important; */
height: 28px;
width: 80px;
font-size: 12px;
border-color: #150055 !important;
color: #000 !important;
}
.workspace-input-tools-tour.ant-tour .ant-tour-section .ant-tour-header {
padding: 20px 20px 15px !important;
}
.workspace-input-tools-tour.ant-tour .ant-tour-section .ant-tour-description {
padding: 0 20px !important;
font-size: 13px;
}
.ant-tour-footer {
padding: 25px 20px 20px !important;
min-width: 300px;
}
.ant-tour .ant-tour-section .ant-tour-footer .ant-tour-indicators .ant-tour-indicator-active {
background: #150055 !important;
}