Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-10 23:59:45 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refactor(HtmlArtifacts): remove HeaderRight padding (#10042)

Browse Source 
refactor(HtmlArtifacts): remove  HeaderRight padding
This commit is contained in:
one 2025-09-08 14:10:21 +08:00 committed by GitHub
parent 0a554661ad
commit f9c60423a8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/src/components/CodeBlockView/HtmlArtifactsPopup.tsx
View File

@ -1,6 +1,6 @@
import CodeEditor, { CodeEditorHandles } from '@renderer/components/CodeEditor' import CodeEditor, { CodeEditorHandles } from '@renderer/components/CodeEditor'
import { CopyIcon, FilePngIcon } from '@renderer/components/Icons' import { CopyIcon, FilePngIcon } from '@renderer/components/Icons'
import { isLinux, isMac, isWin } from '@renderer/config/constant' import { isMac } from '@renderer/config/constant'
import { useTemporaryValue } from '@renderer/hooks/useTemporaryValue' import { useTemporaryValue } from '@renderer/hooks/useTemporaryValue'
import { classNames } from '@renderer/utils' import { classNames } from '@renderer/utils'
import { extractHtmlTitle, getFileNameFromHtmlTitle } from '@renderer/utils/formats' import { extractHtmlTitle, getFileNameFromHtmlTitle } from '@renderer/utils/formats'
@ -102,7 +102,7 @@ const HtmlArtifactsPopup: React.FC<HtmlArtifactsPopupProps> = ({ open, title, ht
</ViewControls> </ViewControls>
</HeaderCenter> </HeaderCenter>
<HeaderRight $isFullscreen={isFullscreen} onDoubleClick={(e) => e.stopPropagation()}> <HeaderRight onDoubleClick={(e) => e.stopPropagation()}>
<Dropdown <Dropdown
trigger={['click']} trigger={['click']}
menu={{ menu={{
@ -317,13 +317,13 @@ const HeaderCenter = styled.div`
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
` `
const HeaderRight = styled.div<{ $isFullscreen?: boolean }>` const HeaderRight = styled.div`
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
gap: 8px; gap: 8px;
padding-right: ${({ $isFullscreen }) => ($isFullscreen ? (isWin ? '136px' : isLinux ? '120px' : '12px') : '12px')}; padding-right: 12px;
` `
const TitleText = styled(Typography.Text)` const TitleText = styled(Typography.Text)`