Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-22 19:53:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: overflow in radio button group (#2687)

Browse Source
This commit is contained in:
Whitewater
2023-06-05 10:18:53 +00:00
committed by GitHub
parent 5807f34935
commit 3b4cfc642f
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/component/src/stories/button.stories.tsx
+12 -5
View File
@@ -94,11 +94,18 @@ Dropdown.args = {
export const RadioGroup: StoryFn = ({ ...props }) => { export const RadioGroup: StoryFn = ({ ...props }) => {
return ( return (
<RadioButtonGroup {...props}> <>
<RadioButton value="all">All</RadioButton> <RadioButtonGroup {...props}>
<RadioButton value="page">Page</RadioButton> <RadioButton value="all">All</RadioButton>
<RadioButton value="edgeless">Edgeless</RadioButton> <RadioButton value="page">Page</RadioButton>
</RadioButtonGroup> <RadioButton value="edgeless">Edgeless</RadioButton>
</RadioButtonGroup>
<RadioButtonGroup {...props}>
<RadioButton value="all">Long long text and some more</RadioButton>
<RadioButton value="page">Lorem ipsum dolor sit amet</RadioButton>
<RadioButton value="edgeless">Long long text</RadioButton>
</RadioButtonGroup>
</>
); );
}; };
RadioGroup.args = { RadioGroup.args = {
packages/component/src/ui/button/styles.css.ts
+1 -1
View File
@@ -58,7 +58,7 @@ export const radioButton = style({
display: 'flex', display: 'flex',
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
width: '75px', padding: '0 30px',
height: '24px', height: '24px',
borderRadius: '8px', borderRadius: '8px',
filter: 'drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1))', filter: 'drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1))',