Qortal/Q-Mintership
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Removed most code from Mail.tsx.

Browse Source 
Mail.tsx renamed to Home.tsx and moved to its own directory. It shows a "New Forum" button if the user owns the app or Test Identifiers are being used.
This commit is contained in:
Qortal Dev 2024-08-26 16:26:05 -06:00
parent c1d812a0e6
commit 8c76029d0c
1 changed files with 144 additions and 148 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/pages/Mail/Mail-styles.ts → src/pages/Home/Home-styles.ts
View File

@ -159,10 +159,9 @@ export const SelectInstanceContainerFilterInner = styled(Box)(({ theme }) => ({
gap: "3px",
cursor: "pointer",
padding: "8px",
transition: "all 0.2s"
transition: "all 0.2s",
}));
export const InstanceLabel = styled(Typography)(({ theme }) => ({
fontSize: "16px",
fontWeight: 500,
@ -534,18 +533,18 @@ gap: 8px;
width: fit-content;
transition: all 0.2s;
color: white;
background-color: rgba(41, 41, 43, 1)
background-color: rgba(41, 41, 43, 1);
min-width: 120px;
gap: 8px;
border-radius: 4px;
border: 0.5px solid rgba(255, 255, 255, 0.70);
border: 0.5px solid rgba(255, 255, 255, 0.7);
font-family: Roboto;
min-width: 120px;
cursor: pointer;
&:hover {
border-radius: 4px;
border: 0.5px solid rgba(255, 255, 255, 0.70);
border: 0.5px solid rgba(255, 255, 255, 0.7);
background: #434448;
}
`;
@ -558,7 +557,7 @@ gap: 8px;
width: fit-content;
transition: all 0.2s;
color: white;
background-color: rgba(41, 41, 43, 1)
background-color: rgba(41, 41, 43, 1);
min-width: 120px;
gap: 8px;
border-radius: 4px;
@ -647,7 +646,7 @@ export const GroupNameP = styled(Typography)`
`;
export const AllThreadP = styled(Typography)`
color: #FFF;
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 400;
@ -666,7 +665,7 @@ height: 76px;
align-items: center;
transition: 0.2s all;
&:hover {
background: rgba(255, 255, 255, 0.20)
background: rgba(255, 255, 255, 0.2);
}
`;
export const SingleTheadMessageParent = styled(Box)`
@ -678,22 +677,20 @@ cursor: pointer;
margin-bottom: 5px;
height: 76px;
align-items: center;
`;
export const ThreadInfoColumn = styled(Box)(({ theme }) => ({
display: "flex",
flexDirection: "column",
width: "170px",
gap: '2px',
marginLeft: '10px',
height: '100%',
justifyContent: 'center'
gap: "2px",
marginLeft: "10px",
height: "100%",
justifyContent: "center",
}));
export const ThreadInfoColumnNameP = styled(Typography)`
color: #FFF;
color: #fff;
font-family: Roboto;
font-size: 16px;
font-style: normal;
@ -703,8 +700,8 @@ white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
`;
export const ThreadInfoColumnbyP = styled('span')`
color: rgba(255, 255, 255, 0.80);
export const ThreadInfoColumnbyP = styled("span")`
color: rgba(255, 255, 255, 0.8);
font-family: Roboto;
font-size: 16px;
font-style: normal;
@ -713,15 +710,15 @@ line-height: normal;
`;
export const ThreadInfoColumnTime = styled(Typography)`
color: rgba(255, 255, 255, 0.80);
color: rgba(255, 255, 255, 0.8);
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
`
`;
export const ThreadSingleTitle = styled(Typography)`
color: #FFF;
color: #fff;
font-family: Roboto;
font-size: 23px;
font-style: normal;
@ -730,17 +727,17 @@ line-height: normal;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
`
`;
export const ThreadSingleLastMessageP = styled(Typography)`
color: #FFF;
color: #fff;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
`
export const ThreadSingleLastMessageSpanP = styled('span')`
color: #FFF;
`;
export const ThreadSingleLastMessageSpanP = styled("span")`
color: #fff;
font-family: Roboto;
font-size: 12px;
font-style: normal;
@ -775,8 +772,7 @@ position: relative;
&::-webkit-scrollbar-thumb:hover {
background-color: #6270f0;
}
`
`;
export const CloseContainer = styled(Box)(({ theme }) => ({
display: "flex",
@ -786,11 +782,11 @@ export const CloseContainer = styled(Box)(({ theme }) => ({
cursor: "pointer",
transition: "0.2s background-color",
justifyContent: "center",
position: 'absolute',
top: '0px',
right: '0px',
height: '50px',
borderRadius: '0px 12px 0px 0px',
position: "absolute",
top: "0px",
right: "0px",
height: "50px",
borderRadius: "0px 12px 0px 0px",
"&:hover": {
backgroundColor: "rgba(162, 31, 31, 1)",
},