luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(core): modal height issue (#8710)

Browse Source 
fix AF-1616
This commit is contained in:
pengx17
2024-11-06 02:59:11 +00:00
parent fcd4f8c4ff
commit 584d095895
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
View File

@@ -30,15 +30,21 @@ export const modalContentContainer = style({
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
borderRadius: 12, borderRadius: 12,
selectors: { '@media': {
[`${modalContentWrapper}:is([data-mode="max"], [data-mode="fit"], [data-mobile]) &`]: // for small screen
{ 'screen and (width <= 640px)': {
height: '60%', selectors: {
width: 'calc(100% - 32px)', [`${modalContentWrapper}:is([data-mode="max"], [data-mode="fit"]) &`]: {
paddingRight: 0, height: '60%',
paddingBottom: 32, width: 'calc(100% - 32px)',
alignSelf: 'flex-end', paddingRight: 0,
paddingBottom: 32,
alignSelf: 'flex-end',
},
}, },
},
},
selectors: {
[`${modalContentWrapper}[data-mode="max"] &`]: { [`${modalContentWrapper}[data-mode="max"] &`]: {
width: 'calc(100% - 64px)', width: 'calc(100% - 64px)',
height: 'calc(100% - 64px)', height: 'calc(100% - 64px)',