chore: adjust padding of ask ai panel (#7287)

Related PR: https://github.com/toeverything/blocksuite/pull/7389
This commit is contained in:
L-Sun 2024-06-20 11:12:08 +00:00 committed by L.
parent e0c6d23691
commit b99e8b1e8a
No known key found for this signature in database
GPG Key ID: 7B8B11806DB67499

View File

@ -2,6 +2,7 @@ import { type EditorHost, WithDisposable } from '@blocksuite/block-std';
import {
type AIItemGroupConfig,
EdgelessRootService,
scrollbarStyle,
} from '@blocksuite/blocks';
import { css, html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
@ -18,28 +19,20 @@ export class AskAIPanel extends WithDisposable(LitElement) {
.ask-ai-panel {
box-sizing: border-box;
padding: 8px;
padding: 8px 4px 8px 8px;
max-height: 374px;
overflow-y: auto;
background: var(--affine-background-overlay-panel-color);
box-shadow: var(--affine-shadow-2);
border-radius: 8px;
z-index: var(--affine-z-index-popover);
scrollbar-gutter: stable;
}
.ask-ai-panel::-webkit-scrollbar {
width: 5px;
max-height: 100px;
}
.ask-ai-panel::-webkit-scrollbar-thumb {
border-radius: 20px;
}
${scrollbarStyle('.ask-ai-panel')}
.ask-ai-panel:hover::-webkit-scrollbar-thumb {
background-color: var(--affine-black-30);
}
.ask-ai-panel::-webkit-scrollbar-corner {
display: none;
}
`;
@property({ attribute: false })