make instruction menu cards unselectable

This commit is contained in:
Ole Morud
2022-08-21 22:08:29 +02:00
parent 505d3d6e98
commit 66e2f5290f

View File

@@ -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>