fix ui change summary button style (#1999)

This commit is contained in:
Delirium 2024-03-26 15:00:09 +01:00 committed by GitHub
parent 836deeaeaa
commit eb18d2ee6f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 13 deletions

View file

@ -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',

View file

@ -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);