search

GuillaumeSD / Freechess

Chess web app to play, view and analyze your chess games for free from anywhere with Stockfish !
https://freechess.web.app
MIT License
17 stars 2 forks source link

Make the title responsive #1

Open supertorpe opened 2 weeks ago

supertorpe commented 2 weeks ago

The title of the app is not responsive: on mobile it overflows to two lines:

image

This should do the job:

const isSmallScreen = useMediaQuery(theme.breakpoints.down("sm"));
...
<Typography
    variant="h6"
    component="div"
    sx={{ flexGrow: 1, ml: 1, fontSize: isSmallScreen ? "1rem" : "1.25rem" }}
    >
    Free Chess
</Typography>
GuillaumeSD commented 2 weeks ago

It happens for screens below 366 pixels wide. I'll improve that in a future update. Thanks for the heads up 👍