fix(CodePreview): revert to absolute positioning (#7980)

* fix(CodePreview): revert to absolute positioning * fix: add min width to codeblockview
2025-07-11 11:06:21 +08:00
parent 9a81c400ab
commit a93cab6b43
2 changed files with 7 additions and 10 deletions
@@ -246,6 +246,11 @@ export const CodeBlockView: React.FC<Props> = memo(({ children, language, onSave
 const CodeBlockWrapper = styled.div<{ $isInSpecialView: boolean }>`
  position: relative;
  width: 100%;
+  /* FIXME: 最小宽度用于解决两个问题。
+   * 一是 CodePreview 在气泡样式下的用户消息中无法撑开气泡，
+   * 二是 代码块内容过少时 toolbar 会和 title 重叠。
+   */
+  min-width: 45ch;

  .code-toolbar {
    background-color: ${(props) => (props.$isInSpecialView ? 'transparent' : 'var(--color-background-mute)')};