Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-20 23:22:05 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refactor: update AddButton styling based on topic position and clean up CSS for root element

Browse Source
This commit is contained in:
kangfenmao 2025-11-06 10:04:01 +08:00
parent 1c0de625d8
commit edd6b11aa7
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/src/assets/styles/index.css
View File

@ -41,11 +41,11 @@ body,
margin: 0; margin: 0;
} }
/* #root { #root {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex: 1; flex: 1;
} */ }
body { body {
display: flex; display: flex;

4
src/renderer/src/pages/home/Tabs/components/AddButton.tsx
View File

@ -1,3 +1,4 @@
import { useSettings } from '@renderer/hooks/useSettings'
import type { ButtonProps } from 'antd' import type { ButtonProps } from 'antd'
import { Button } from 'antd' import { Button } from 'antd'
import { PlusIcon } from 'lucide-react' import { PlusIcon } from 'lucide-react'
@ -19,9 +20,12 @@ const StyledButton = styled(Button)`
` `
const AddButton: FC<ButtonProps> = ({ ...props }) => { const AddButton: FC<ButtonProps> = ({ ...props }) => {
const { topicPosition } = useSettings()
return ( return (
<StyledButton <StyledButton
{...props} {...props}
style={{ borderRadius: topicPosition === 'left' ? 20 : 8 }}
type="text" type="text"
onClick={props.onClick} onClick={props.onClick}
icon={<PlusIcon size={16} style={{ flexShrink: 0 }} />}> icon={<PlusIcon size={16} style={{ flexShrink: 0 }} />}>