Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-25 03:10:08 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

style: update code block ui styling and logic

Browse Source
This commit is contained in:
kangfenmao 2024-11-19 11:49:35 +08:00
parent 6ca92da801
commit d5d39c6458
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/src/pages/home/Markdown/CodeBlock.tsx
View File

@ -82,7 +82,9 @@ const CodeBlock: React.FC<CodeBlockProps> = ({ children, className }) => {
<div className="code-block">
<CodeHeader>
<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
{codeCollapsible && <CollapseIcon expanded={isExpanded} onClick={() => setIsExpanded(!isExpanded)} />}
{codeCollapsible && shouldShowExpandButton && (
<CollapseIcon expanded={isExpanded} onClick={() => setIsExpanded(!isExpanded)} />
)}
<CodeLanguage>{'<' + match[1].toUpperCase() + '>'}</CodeLanguage>
</div>
<CopyButton text={children} />
@ -207,8 +209,8 @@ const CodeFooter = styled.div`
const ExpandButtonWrapper = styled.div`
position: relative;
cursor: pointer;
height: 30px;
margin-top: -30px;
height: 25px;
margin-top: -25px;
.button-text {
position: absolute;