fix: Added custom iframe styling for pva publish

Composer/packages/client/src/pages/publish/createPublishTarget.tsx

@@ -18,7 +18,7 @@ import { userSettingsState } from '../../recoilModel';
 import { PluginHost } from '../../components/PluginHost/PluginHost';
 import { PluginAPI } from '../../plugins/api';
 
-import { label, customPublishUISurface } from './styles';
+import { label, defaultPublishSurface, pvaPublishSurface } from './styles';
 
 interface CreatePublishTargetProps {
   closeDialog: () => void;
@@ -104,9 +104,20 @@ const CreatePublishTarget: React.FC<CreatePublishTargetProps> = (props) => {
 
   const publishTargetContent = useMemo(() => {
     if (selectedTarget?.bundleId) {
+      let publishSurfaceStyles;
+      switch (selectedTarget.extensionId) {
+        case 'pva-publish-composer':
+          publishSurfaceStyles = pvaPublishSurface;
+          break;
+
+        default:
+          publishSurfaceStyles = defaultPublishSurface;
+          break;
+      }
+
       // render custom plugin view
       return (
-        <div css={customPublishUISurface}>
+        <div css={publishSurfaceStyles}>
           <PluginHost bundleId={selectedTarget.bundleId} pluginName={selectedTarget.extensionId} pluginType="publish" />
         </div>
       );

Composer/packages/client/src/pages/publish/styles.ts

@@ -116,6 +116,10 @@ export const targetSelected = css`
   font-size: ${FontSizes.small};
 `;
 
-export const customPublishUISurface = css`
+export const defaultPublishSurface = css`
   height: 230px;
 `;
+
+export const pvaPublishSurface = css`
+  height: 350px;
+`;