Qortal/chrome-extension
3
0
Fork 0
mirror of https://github.com/Qortal/chrome-extension.git synced 2025-02-15 11:45:50 +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 ( return (
<iframe ref={iframeRef} style={{ <iframe ref={iframeRef} style={{
height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px - 20px)`, height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px )`,
border: 'none', border: 'none',
width: '100%' width: '100%'
}} id="browser-iframe" src={defaultUrl} sandbox="allow-scripts allow-same-origin allow-forms allow-downloads allow-modals" allow="fullscreen"> }} 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 { *::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */ display: none; /* Chrome, Safari, Opera */
} }
.frame-content {
overflow: hidden;
height: ${!isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px )`};
}
`} `}
</style> </style>
</> </>
} style={{ } style={{
height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px - 20px)`, height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px )`,
border: 'none', border: 'none',
width: '100%', width: '100%',
overflow: 'hidden',
display: (!isSelected || hide) && 'none' display: (!isSelected || hide) && 'none'
}} ><AppViewer app={app} /></Frame> }} ><AppViewer app={app} /></Frame>
) )