root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(style): use --app-banner-height in scroller container

Browse Source
This commit is contained in:
jialin
2026-05-21 19:58:16 +08:00
committed by jialin
parent e7a376db70
commit 6f896b4f94
11 changed files with 68 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/playground/components/multiple-chat/index.tsx
+1 -1
View File
@@ -39,7 +39,7 @@ const MultiCompare: React.FC<MultiCompareProps> = ({ modelList, loaded }) => {
const modelsCounterMap = useRef<Record<string, number>>({});
const modelRefs = useRef<any>({});
const chatListScrollRef = useRef<any>(null);
const boxHeight = `calc(100vh - ${HEADER_HEIGHT}px - 2px - var(--page-header-height) - var(--page-content-padding) - var(--page-content-padding))`;
const boxHeight = `calc(100vh - var(--app-banner-height, 0px) - ${HEADER_HEIGHT}px - 2px - var(--page-header-height) - var(--page-content-padding) - var(--page-content-padding))`;
const [actions, setActions] = useState<MessageItemAction[]>([
'upload',
'delete',
src/pages/playground/speech/stt.tsx
+1 -1
View File
@@ -300,7 +300,7 @@ const GroundSTT: React.FC<MessageProps> = forwardRef((props, ref) => {
<div
className="ground-left-wrapper"
style={{
height: `calc(100vh - ${HEADER_HEIGHT}px)`
height: `calc(100vh - var(--app-banner-height, 0px) - ${HEADER_HEIGHT}px)`
}}
>
<div className="ground-left">
src/pages/playground/style/ground-llm.less
+3 -2
View File
@@ -10,8 +10,9 @@
flex-direction: column;
position: relative;
height: calc(
100vh - @HEADER_HEIGHT - 4px - var(--page-content-padding) -
var(--page-content-padding) - var(--page-header-height)
100vh - var(--app-banner-height, 0px) - @HEADER_HEIGHT - 4px -
var(--page-content-padding) - var(--page-content-padding) -
var(--page-header-height)
);
width: calc(100% - 390px);
src/pages/playground/style/params-container.module.less
+3 -2
View File
@@ -6,8 +6,9 @@
border-left: 1px solid var(--ant-color-split);
transition: width 0.3s ease;
height: calc(
100vh - @HEADER_HEIGHT - 2px - var(--page-content-padding) -
var(--page-content-padding) - var(--page-header-height)
100vh - var(--app-banner-height, 0px) - @HEADER_HEIGHT - 2px -
var(--page-content-padding) - var(--page-content-padding) -
var(--page-header-height)
);
padding-top: 16px;
display: flex;
src/pages/playground/style/play-ground.less
+6 -4
View File
@@ -40,8 +40,9 @@
.params {
overflow: hidden;
height: calc(
100vh - var(--page-header-height) - var(--page-content-padding) -
var(--page-content-padding) - @HEADER_HEIGHT
100vh - var(--app-banner-height, 0px) - var(--page-header-height) -
var(--page-content-padding) - var(--page-content-padding) -
@HEADER_HEIGHT
);
.collapse {
@@ -74,8 +75,9 @@
.ant-divider {
margin: 0;
height: calc(
100vh - var(--page-header-height) - 2px - var(--page-content-padding) -
var(--page-content-padding) - @HEADER_HEIGHT
100vh - var(--app-banner-height, 0px) - var(--page-header-height) -
2px - var(--page-content-padding) - var(--page-content-padding) -
@HEADER_HEIGHT
);
}
}