OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added design improvements to the Portal preview in offers (#19349)

Browse Source 
fixes PROD-251, PROD-252, PROD-254
This commit is contained in:
Sodbileg Gansukh 2023-12-13 13:17:12 +07:00 committed by GitHub
parent 7d530406f6
commit b7648e7bc2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx
View File

@ -663,6 +663,7 @@ const AddOfferModal = () => {
okColor={okProps.color}
okLabel='Publish'
preview={iframe}
previewToolbar={false}
sidebar={sidebar}
size='lg'
testId='add-offer-modal'

1
apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
View File

@ -262,6 +262,7 @@ const EditOfferModal: React.FC<{id: string}> = ({id}) => {
okColor={okProps.color}
okLabel={okProps.label || 'Save'}
preview={iframe}
previewToolbar={false}
sidebar={sidebar}
size='lg'
testId='offer-update-modal'

13
apps/portal/src/components/Frame.styles.js
View File

@ -362,8 +362,21 @@ const FrameStyles = `
animation: none !important;
}
.gh-portal-popup-wrapper.preview.offer {
padding-top: 0;
}
.gh-portal-popup-container.preview.offer {
max-width: 420px;
transform: scale(0.9);
margin-top: 3.2vw;
}
@media (max-width: 480px) {
.gh-portal-popup-container.preview.offer {
transform-origin: top;
margin-top: 0;
}
}
@keyframes popup {