forked from Qortal-Forker/q-support
Qortal Seth
9d483cf65d
Many new categories added, All categories have an "Other" field that is sorted last Media category removed, its subcategories are now main categories. WARNING: This is a breaking change that will disrupt categories for some currently published files Categories associated with Copyright Infringement have been removed. Categories are sorted by name, "Other" is always last The FileList component now only stores the file list. The rest of it was moved to Home.tsx Category <select> components moved into a CategoryList.tsx component Icons now load before file title in FileContent.tsx Icons are an optional field of each category and loaded dynamically from Category Data to improve performance
86 lines
1.9 KiB
TypeScript
86 lines
1.9 KiB
TypeScript
import { styled } from "@mui/system";
|
|
import { Box, Grid, Typography, Checkbox } from "@mui/material";
|
|
|
|
export const FilePlayerContainer = styled(Box)(({ theme }) => ({
|
|
maxWidth: "95%",
|
|
width: "1000px",
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
alignItems: "flex-start",
|
|
}));
|
|
|
|
export const FileTitle = styled(Typography)(({ theme }) => ({
|
|
fontFamily: "Raleway",
|
|
fontSize: "20px",
|
|
color: theme.palette.text.primary,
|
|
userSelect: "none",
|
|
wordBreak: "break-word",
|
|
}));
|
|
|
|
export const FileDescription = styled(Typography)(({ theme }) => ({
|
|
fontFamily: "Raleway",
|
|
fontSize: "16px",
|
|
color: theme.palette.text.primary,
|
|
userSelect: "none",
|
|
wordBreak: "break-word",
|
|
}));
|
|
|
|
export const Spacer = ({ height }: any) => {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
height: height,
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export const StyledCardHeaderComment = styled(Box)({
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "flex-start",
|
|
gap: "5px",
|
|
padding: "7px 0px",
|
|
});
|
|
export const StyledCardCol = styled(Box)({
|
|
display: "flex",
|
|
overflow: "hidden",
|
|
flexDirection: "column",
|
|
gap: "2px",
|
|
alignItems: "flex-start",
|
|
width: "100%",
|
|
});
|
|
|
|
export const StyledCardColComment = styled(Box)({
|
|
display: "flex",
|
|
overflow: "hidden",
|
|
flexDirection: "column",
|
|
gap: "2px",
|
|
alignItems: "flex-start",
|
|
width: "100%",
|
|
});
|
|
|
|
export const AuthorTextComment = styled(Typography)({
|
|
fontFamily: "Raleway, sans-serif",
|
|
fontSize: "16px",
|
|
lineHeight: "1.2",
|
|
});
|
|
|
|
export const FileAttachmentContainer = styled(Box)(({ theme }) => ({
|
|
display: "flex",
|
|
alignItems: "center",
|
|
gap: "20px",
|
|
padding: "5px 10px",
|
|
border: `1px solid ${theme.palette.text.primary}`,
|
|
}));
|
|
|
|
export const FileAttachmentFont = styled(Typography)(({ theme }) => ({
|
|
fontFamily: "Mulish",
|
|
color: theme.palette.text.primary,
|
|
fontSize: "16px",
|
|
letterSpacing: 0,
|
|
fontWeight: 400,
|
|
userSelect: "none",
|
|
whiteSpace: "nowrap",
|
|
}));
|