fix ui change summary button style (#1999)
This commit is contained in:
parent
836deeaeaa
commit
eb18d2ee6f
2 changed files with 7 additions and 13 deletions
|
|
@ -95,14 +95,6 @@ function SummaryBlock({
|
|||
|
||||
return (
|
||||
<div style={summaryBlockStyle}>
|
||||
{/*<div*/}
|
||||
{/* className={*/}
|
||||
{/* 'flex items-center gap-2 px-2 py-1 rounded border border-gray-light bg-white w-fit'*/}
|
||||
{/* }*/}
|
||||
{/*>*/}
|
||||
{/* User Behavior Analysis*/}
|
||||
{/*</div>*/}
|
||||
|
||||
{aiSummaryStore.text ? (
|
||||
<div className={'rounded p-4 bg-white whitespace-pre-wrap flex flex-col'}>
|
||||
<>{formattedText.map((v) => v)}</>
|
||||
|
|
@ -154,7 +146,7 @@ const CodeStringFormatter = ({ text }: { text: string }) => {
|
|||
const summaryBlockStyle: React.CSSProperties = {
|
||||
background: 'linear-gradient(180deg, #E8EBFF -24.14%, rgba(236, 254, 255, 0.00) 100%)',
|
||||
width: '100%',
|
||||
height: '25vh',
|
||||
maxHeight: '25vh',
|
||||
overflow: 'auto',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
|
|
|
|||
|
|
@ -250,8 +250,6 @@ const DevtoolsButtons = observer(
|
|||
{isSaas ? (
|
||||
<SummaryButton
|
||||
onClick={showSummary}
|
||||
withToggle={bottomBlock === OVERVIEW}
|
||||
toggleValue={aiSummaryStore.toggleSummary}
|
||||
/>
|
||||
) : null}
|
||||
<ControlButton
|
||||
|
|
@ -394,6 +392,10 @@ export const gradientButton = {
|
|||
backgroundOrigin: 'border-box',
|
||||
backgroundClip: 'content-box, border-box',
|
||||
cursor: 'pointer',
|
||||
height: 24,
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
};
|
||||
const onHoverFillStyle = {
|
||||
width: '100%',
|
||||
|
|
@ -402,7 +404,7 @@ const onHoverFillStyle = {
|
|||
borderRadius: '60px',
|
||||
gap: 2,
|
||||
alignItems: 'center',
|
||||
padding: '2px 8px',
|
||||
padding: '1px 8px',
|
||||
background: 'linear-gradient(156deg, #E3E6FF 0%, #E4F3F4 69.48%)',
|
||||
};
|
||||
const fillStyle = {
|
||||
|
|
@ -412,7 +414,7 @@ const fillStyle = {
|
|||
borderRadius: '60px',
|
||||
gap: 2,
|
||||
alignItems: 'center',
|
||||
padding: '2px 8px',
|
||||
padding: '1px 8px',
|
||||
};
|
||||
|
||||
const ControlPlayer = observer(Controls);
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue