SQuiz/frontPanel
3
0
Fork 0
Code Issues 18 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
ArtChaos189 2023-12-28 00:49:52 +03:00
parent c75c73bb3e
commit fecd4a7028
1 changed files with 39 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/pages/startPage/EditPage.tsx
View File

@ -100,6 +100,7 @@ export default function EditPage() {
const isTablet = useMediaQuery(theme.breakpoints.down(1000)); const isTablet = useMediaQuery(theme.breakpoints.down(1000));
const isBranchingLogic = useMediaQuery(theme.breakpoints.down(1100)); const isBranchingLogic = useMediaQuery(theme.breakpoints.down(1100));
const isMobile = useMediaQuery(theme.breakpoints.down(660)); const isMobile = useMediaQuery(theme.breakpoints.down(660));
const isLinkButton = useMediaQuery(theme.breakpoints.down(708));
const isMobileSm = useMediaQuery(theme.breakpoints.down(370)); const isMobileSm = useMediaQuery(theme.breakpoints.down(370));
const [mobileSidebar, setMobileSidebar] = useState<boolean>(false); const [mobileSidebar, setMobileSidebar] = useState<boolean>(false);
const [nextStep, setNextStep] = useState<number>(0); const [nextStep, setNextStep] = useState<number>(0);
@ -556,23 +557,44 @@ export default function EditPage() {
buttonText buttonText
)} )}
</Button> </Button>
{quiz?.status === "start" && ( {quiz?.status === "start" &&
<Box (!isLinkButton ? (
component={Link} <Box
sx={{ component={Link}
whiteSpace: "nowrap", sx={{
textOverflow: "ellipsis", whiteSpace: "nowrap",
overflow: "hidden", textOverflow: "ellipsis",
display: isMobile ? "none" : "block", overflow: "hidden",
color: "#7E2AEA", display: isMobile ? "none" : "block",
fontSize: "14px", color: "#7E2AEA",
}} fontSize: "14px",
target="_blank" }}
to={"https://hbpn.link/" + quiz.qid} target="_blank"
> to={"https://hbpn.link/" + quiz.qid}
https://hbpn.link/{quiz.qid} >
</Box> https://hbpn.link/{quiz.qid}
)} </Box>
) : (
<Box
component={Link}
sx={{
cursor: "pointer",
minWidth: "34px",
height: "34px",
color: "#7E2AEA",
fontSize: "14px",
display: isMobile ? "none" : "flex",
justifyContent: "center",
alignItems: "Center",
background: "#EEE4FC",
borderRadius: "8px",
}}
target="_blank"
to={"https://hbpn.link/" + quiz.qid}
>
<LinkSimple />
</Box>
))}
{isMobile ? ( {isMobile ? (
<Button <Button