Qortal/chrome-extension
3
0
Fork 0
mirror of https://github.com/Qortal/chrome-extension.git synced 2025-02-14 11:15:49 +00:00
Code Issues Projects Releases Wiki Activity

fixed viewer height apps

Browse Source
This commit is contained in:
PhilReact 2024-10-24 05:26:48 +03:00
parent 5cd26fae73
commit b9bf20b39b
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Apps/AppViewer.tsx
View File

@ -61,7 +61,7 @@ export const AppViewer = ({ app }) => {
return (
<iframe ref={iframeRef} style={{
height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px - 20px)`,
height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px )`,
border: 'none',
width: '100%'
}} id="browser-iframe" src={defaultUrl} sandbox="allow-scripts allow-same-origin allow-forms allow-downloads allow-modals" allow="fullscreen">

7
src/components/Apps/AppViewerContainer.tsx
View File

@ -28,13 +28,18 @@ const AppViewerContainer = ({app, isSelected, hide}) => {
*::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
.frame-content {
overflow: hidden;
height: ${!isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px )`};
}
`}
</style>
</>
} style={{
height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px - 20px)`,
height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px )`,
border: 'none',
width: '100%',
overflow: 'hidden',
display: (!isSelected || hide) && 'none'
}} ><AppViewer app={app} /></Frame>
)