Qortal/qortal-mobile
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-mobile.git synced 2025-04-24 11:57:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix app container overflow

Browse Source
This commit is contained in:
PhilReact 2025-03-20 18:26:19 +02:00
parent 2b4b426c54
commit 481542baf6
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.tsx
View File

@ -1828,6 +1828,7 @@ function App() {
backgroundSize: desktopViewMode === "apps" && "cover", backgroundSize: desktopViewMode === "apps" && "cover",
backgroundPosition: desktopViewMode === "apps" && "center", backgroundPosition: desktopViewMode === "apps" && "center",
backgroundRepeat: desktopViewMode === "apps" && "no-repeat", backgroundRepeat: desktopViewMode === "apps" && "no-repeat",
overflow: "hidden"
}} }}
> >

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

@ -35,8 +35,8 @@ const AppViewerContainer = React.forwardRef(({ app, isSelected, hide, customHeig
</> </>
} }
style={{ style={{
position: (!isSelected || hide) && 'absolute', position: (!isSelected || hide) && 'fixed',
left: (!isSelected || hide) && '10000000px', left: (!isSelected || hide) && '-200vw',
height: customHeight ? customHeight : !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px)`, height: customHeight ? customHeight : !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px)`,
border: 'none', border: 'none',
width: '100%', width: '100%',

4
src/components/Apps/Apps.tsx
View File

@ -292,8 +292,8 @@ export const Apps = ({ mode, setMode, show , myName}) => {
return ( return (
<AppsParent <AppsParent
sx={{ sx={{
position: !show && 'absolute', position: !show && 'fixed',
left: !show && '10000000px', left: !show && '-200vw',
}} }}
> >
{mode !== "viewer" && !selectedTab && <Spacer height="30px" />} {mode !== "viewer" && !selectedTab && <Spacer height="30px" />}