NotificationsYou must be signed in to change notification settings
Fork254
Star1.3k

Commit9a5ce3d

FalkWolsky

committed

Adapting Preview v2

1 parent431e705 commit9a5ce3dCopy full SHA for 9a5ce3d

File tree

2 files changed

-27

lines changed

client/packages/lowcoder/src/pages
- common
  - previewHeader.tsx
- editor
  - editorView.tsx

2 files changed

-27

lines changed

`‎client/packages/lowcoder/src/pages/common/previewHeader.tsx`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -220,7 +220,7 @@ const PreviewHeaderComp = () => {`
`220`	`220`	`/>`
`221`	`221`
`222`	`222`	`{/* Orientation */}`
`223`		`-{/*editorState.deviceType !== 'desktop' && (`
	`223`	`+{editorState.deviceType!=='desktop'&&(`
`224`	`224`	`<Segmented<DeviceOrientation>`
`225`	`225`	`options={[`
`226`	`226`	`{value:'portrait',label:"Portrait"},`
`@@ -231,7 +231,7 @@ const PreviewHeaderComp = () => {`
`231`	`231`	`editorState.setDeviceOrientation(value);`
`232`	`232`	`}}`
`233`	`233`	`/>`
`234`		`- ) */}`
	`234`	`+)}`
`235`	`235`	`</>`
`236`	`236`	`);`
`237`	`237`

`‎client/packages/lowcoder/src/pages/editor/editorView.tsx`

Lines changed: 7 additions & 25 deletions

Original file line number	Diff line number	Diff line change
`@@ -339,16 +339,16 @@ const DeviceWrapper = ({`
`339`	`339`
`340`	`340`	`constdeviceWidth=useMemo(()=>{`
`341`	`341`	`if(deviceType==='tablet'&&deviceOrientation==='portrait'){`
`342`		`-return700;`
	`342`	`+return980;`
`343`	`343`	`}`
`344`	`344`	`if(deviceType==='tablet'&&deviceOrientation==='landscape'){`
`345`		`-return900;`
	`345`	`+return1280;`
`346`	`346`	`}`
`347`	`347`	`if(deviceType==='mobile'&&deviceOrientation==='portrait'){`
`348`		`-return450;`
	`348`	`+return550;`
`349`	`349`	`}`
`350`	`350`	`if(deviceType==='mobile'&&deviceOrientation==='landscape'){`
`351`		`-return900;`
	`351`	`+return1200;`
`352`	`352`	`}`
`353`	`353`	`},[deviceType,deviceOrientation]);`
`354`	`354`
`@@ -489,30 +489,12 @@ function EditorView(props: EditorViewProps) {`
`489`	`489`
`490`	`490`	`return(`
`491`	`491`	`editorState.deviceType==="mobile"\|\|editorState.deviceType==="tablet" ?(`
`492`		`-<divstyle={{`
`493`		`-display:"flex",`
`494`		`-flexDirection:"row",// Arrange side by side`
`495`		`-gap:"20px",// Spacing between the two DeviceWrappers`
`496`		`-justifyContent:"center",// Center horizontally`
`497`		`-alignItems:"center",// Center vertically`
`498`		`-height:"auto",// Full viewport height for vertical centering`
`499`		`-width:"100%",// Full viewport width`
`500`		`-`
`501`		`-}}>`
`502`		`-<DeviceWrapper`
	`492`	`+<DeviceWrapper`
`503`	`493`	`deviceType={editorState.deviceType}`
`504`		`-deviceOrientation="portrait"`
	`494`	`+deviceOrientation={editorState.deviceOrientation}`
`505`	`495`	`>`
`506`	`496`	`{uiComp.getView()}`
`507`		`-</DeviceWrapper>`
`508`		`-`
`509`		`-<DeviceWrapper`
`510`		`-deviceType={editorState.deviceType}`
`511`		`-deviceOrientation="landscape"`
`512`		`->`
`513`		`-{uiComp.getView()}`
`514`		`-</DeviceWrapper>`
`515`		`-</div>`
	`497`	`+</DeviceWrapper>`
`516`	`498`	`) :(`
`517`	`499`	`<div>`
`518`	`500`	`{uiComp.getView()}`

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit9a5ce3d

File tree

2 files changed

2 files changed

`‎client/packages/lowcoder/src/pages/common/previewHeader.tsx`

`‎client/packages/lowcoder/src/pages/editor/editorView.tsx`

0 commit comments