toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-21 14:02:07 +03:00
Code Issues 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
No known key found for this signature in database
GPG Key ID: 23F23D9E8B3971ED
1 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
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,
'@media': {
// for small screen
'screen and (width <= 640px)': {
selectors: { selectors: {
[`${modalContentWrapper}:is([data-mode="max"], [data-mode="fit"], [data-mobile]) &`]: [`${modalContentWrapper}:is([data-mode="max"], [data-mode="fit"]) &`]: {
{
height: '60%', height: '60%',
width: 'calc(100% - 32px)', width: 'calc(100% - 32px)',
paddingRight: 0, paddingRight: 0,
paddingBottom: 32, paddingBottom: 32,
alignSelf: 'flex-end', 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)',