Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-06 13:19:33 +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 223496192d
commit 535b7d0a92
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"> <div className="code-block">
<CodeHeader> <CodeHeader>
<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}> <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> <CodeLanguage>{'<' + match[1].toUpperCase() + '>'}</CodeLanguage>
</div> </div>
<CopyButton text={children} /> <CopyButton text={children} />
@ -207,8 +209,8 @@ const CodeFooter = styled.div`
const ExpandButtonWrapper = styled.div` const ExpandButtonWrapper = styled.div`
position: relative; position: relative;
cursor: pointer; cursor: pointer;
height: 30px; height: 25px;
margin-top: -30px; margin-top: -25px;
.button-text { .button-text {
position: absolute; position: absolute;