Qortal/chrome-extension
1
0
Fork 0
mirror of https://github.com/Qortal/chrome-extension.git synced 2025-03-28 08:15:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix bugs

Browse Source
This commit is contained in:
PhilReact 2024-09-21 10:25:28 +03:00
parent 7205f8c9ad
commit c8fb4974a7
2 changed files with 62 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Chat/ChatDirect.tsx
View File

@ -344,8 +344,32 @@ const clearEditorContent = () => {
height: isMobile ? '100%' : '100vh', height: isMobile ? '100%' : '100vh',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
width: '100%' width: '100%',
background: !isMobile && 'var(--bg-2)'
}}> }}>
{!isMobile && (
<Box onClick={close} sx={{
display: 'flex',
alignItems: 'center',
gap: '5px',
cursor: 'pointer',
padding: '4px 6px',
width: 'fit-content',
borderRadius: '3px',
background: 'rgb(35, 36, 40)',
margin: '10px 0px',
alignSelf: 'center'
}}>
<ArrowBackIcon sx={{
color: 'white',
fontSize: isMobile ? '20px' : '20px'
}}/>
<Typography sx={{
color: 'white',
fontSize: isMobile ? '14px' : '14px'
}}>Close Direct Chat</Typography>
</Box>
)}
{isMobile && ( {isMobile && (
<Box <Box
sx={{ sx={{

72
src/components/Group/Group.tsx
View File

@ -2202,59 +2202,61 @@ export const Group = ({
{mobileViewModeKeepOpen === "messaging" && renderDirects()} {mobileViewModeKeepOpen === "messaging" && renderDirects()}
{newChat && ( {newChat && (
<> <>
<Box {isMobile && (
sx={{ <Box
display: "flex",
alignItems: "center",
width: "100%",
marginTop: "14px",
justifyContent: "center",
height: "15px",
}}
>
<Box
sx={{ sx={{
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
justifyContent: "space-between", width: "100%",
width: "320px", marginTop: "14px",
justifyContent: "center",
height: "15px",
}} }}
> >
<Box <Box
sx={{ sx={{
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
width: "50px", justifyContent: "space-between",
width: "320px",
}} }}
> >
<ButtonBase <Box
onClick={() => { sx={{
close() display: "flex",
alignItems: "center",
width: "50px",
}} }}
> >
<ReturnIcon />
</ButtonBase>
</Box>
<Box
sx={{
display: "flex",
alignItems: "center",
width: "50px",
justifyContent: "flex-end",
}}
>
<ButtonBase <ButtonBase
onClick={() => { onClick={() => {
setSelectedDirect(null) close()
setMobileViewModeKeepOpen('') }}
>
<ReturnIcon />
</ButtonBase>
</Box>
<Box
sx={{
display: "flex",
alignItems: "center",
width: "50px",
justifyContent: "flex-end",
}} }}
> >
<ExitIcon /> <ButtonBase
</ButtonBase> onClick={() => {
setSelectedDirect(null)
setMobileViewModeKeepOpen('')
}}
>
<ExitIcon />
</ButtonBase>
</Box>
</Box> </Box>
</Box> </Box>
</Box> )}
<Box <Box
sx={{ sx={{
position: "absolute", position: "absolute",