talksik/nirvana-v4
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update Terminal.tsx

Browse Source
This commit is contained in:
talksik
2022-05-29 14:13:38 -05:00
parent 749aac7786
commit 6b02dda33f
1 changed files with 94 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/components/Terminal.tsx
+94 -107
View File
@@ -512,7 +512,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
backgroundColor: blueGrey[50], backgroundColor: blueGrey[50],
boxShadow: 3, boxShadow: 3,
borderRight: `1px solid ${blueGrey}`, borderRight: `1px solid ${blueGrey}`,
position: 'relative',
}} }}
> >
<Stack <Stack
@@ -520,7 +519,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
spacing={1} spacing={1}
sx={{ sx={{
p: 2, p: 2,
height: 'inherit',
}} }}
> >
<Navbar <Navbar
@@ -536,121 +534,110 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
lookingForSomeone={selectedConversationId && !selectedConversation} lookingForSomeone={selectedConversationId && !selectedConversation}
/> />
)} )}
</Stack>
{/* footer controls */} {/* footer controls */}
<Box <Box
sx={{
top: 'auto',
bottom: 0,
position: 'absolute',
borderTop: '1px solid',
borderTopColor: blueGrey[100],
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-start',
gap: 2,
width: '100%',
}}
>
<Stack
spacing={1}
direction={'row'}
alignItems={'center'}
justifyContent={'flex-start'}
sx={{ sx={{
color: 'GrayText', mt: 'auto',
p: 1,
flex: 1, borderTop: '1px solid',
borderTopColor: blueGrey[100],
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-start',
gap: 2,
width: '100%',
}} }}
> >
<IconButton <Stack
onClick={handleClick} spacing={1}
size="small" direction={'row'}
sx={{ mr: 'auto', borderRadius: 1 }} alignItems={'center'}
aria-controls={open ? 'account-menu' : undefined} justifyContent={'flex-start'}
aria-haspopup="true"
aria-expanded={open ? 'true' : undefined}
>
<Avatar alt={user.displayName} src={user.photoURL} />
</IconButton>
<Box
sx={{ sx={{
mr: 'auto', color: 'GrayText',
p: 1,
flex: 1,
}} }}
component="div"
> >
<Button size={'small'} color={'secondary'} variant="text"> <IconButton
flow onClick={handleClick}
</Button> size="small"
</Box> sx={{ mr: 'auto', borderRadius: 1 }}
aria-controls={open ? 'account-menu' : undefined}
<Tooltip title="Sound configuration"> aria-haspopup="true"
<IconButton color="inherit" size="small"> aria-expanded={open ? 'true' : undefined}
<FiHeadphones /> >
<Avatar alt={user.displayName} src={user.photoURL} />
</IconButton> </IconButton>
</Tooltip>
<Tooltip title="Desktop modes">
<IconButton color="inherit" size="small">
<FiMonitor />
</IconButton>
</Tooltip>
</Stack>
<Menu <Box
anchorEl={anchorEl} sx={{
id="account-menu" mr: 'auto',
open={open} }}
onClose={handleClose} component="div"
onClick={handleClose} >
PaperProps={{ <Button size={'small'} color={'secondary'} variant="text">
elevation: 0, flow
sx: { </Button>
overflow: 'visible', </Box>
filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
mt: 1.5, <Tooltip title="Sound configuration">
'& .MuiAvatar-root': { <IconButton color="inherit" size="small">
width: 32, <FiHeadphones />
height: 32, </IconButton>
ml: -0.5, </Tooltip>
mr: 1, <Tooltip title="Desktop modes">
<IconButton color="inherit" size="small">
<FiMonitor />
</IconButton>
</Tooltip>
</Stack>
<Menu
anchorEl={anchorEl}
id="account-menu"
open={open}
onClose={handleClose}
onClick={handleClose}
PaperProps={{
elevation: 0,
sx: {
overflow: 'visible',
filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
mt: 1.5,
'& .MuiAvatar-root': {
width: 32,
height: 32,
ml: -0.5,
mr: 1,
},
'&:before': {
content: '""',
display: 'block',
position: 'absolute',
top: 0,
right: 14,
width: 10,
height: 10,
bgcolor: 'background.paper',
transform: 'translateY(-50%) rotate(45deg)',
zIndex: 0,
},
}, },
'&:before': { }}
content: '""', transformOrigin={{ horizontal: 'right', vertical: 'top' }}
display: 'block', anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
position: 'absolute', >
top: 0, <MenuItem onClick={logout}>
right: 14, <ListItemIcon>
width: 10, <FiLogOut />
height: 10, </ListItemIcon>
bgcolor: 'background.paper', <Typography color="warning">Logout</Typography>
transform: 'translateY(-50%) rotate(45deg)', </MenuItem>
zIndex: 0, </Menu>
}, </Box>
}, </Stack>
}}
transformOrigin={{ horizontal: 'right', vertical: 'top' }}
anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
>
<MenuItem>
<Avatar /> Profile
</MenuItem>
<MenuItem>
<Avatar /> My account
</MenuItem>
<Divider />
<MenuItem onClick={logout}>
<ListItemIcon>
<FiLogOut />
</ListItemIcon>
<Typography color="warning">Logout</Typography>
</MenuItem>
</Menu>
</Box>
</Grid> </Grid>
<MainPanel /> <MainPanel />