make instruction menu cards unselectable
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
import { Card, styled, Typography } from "@mui/material"
|
import { Card, CardContent, styled, Typography } from "@mui/material"
|
||||||
import React from "react"
|
import React from "react"
|
||||||
import instructions from "./Instructions"
|
import instructions from "./Instructions"
|
||||||
import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip"
|
import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip"
|
||||||
@@ -32,10 +32,10 @@ export default function InstructionMenu() {
|
|||||||
<Typography>{instruction.description}</Typography>
|
<Typography>{instruction.description}</Typography>
|
||||||
</>
|
</>
|
||||||
}>
|
}>
|
||||||
<Card>
|
<Card key={key++} sx={{ height: "3rem", width: "3rem" }}>
|
||||||
<Typography display="inline" noWrap>
|
<CardContent>
|
||||||
{instruction.symbol}
|
<Typography sx={{ userSelect: "none" }}>{instruction.symbol}</Typography>
|
||||||
</Typography>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
</HtmlTooltip>
|
</HtmlTooltip>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user