pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

prevented text overflowing on small displays

Browse source 
- set `word-wrap` to `break-word`
This commit is contained in:
Kim, Jimin 2022-03-26 17:50:18 +09:00
parent f9a8a142f0
commit 671c529ee2
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/styles/globalStyle.tsx
View file

@ -85,8 +85,10 @@ const codeCSS = css`
} }
}} }}
/* line code */
:not(pre) > code { :not(pre) > code {
font-family: ${theming.font.code}; font-family: ${theming.font.code};
word-wrap: break-word;
color: ${(props) => color: ${(props) =>
theming.theme(props.theme.currentTheme, { theming.theme(props.theme.currentTheme, {
light: theming.light.color1, light: theming.light.color1,
@ -106,6 +108,7 @@ const codeCSS = css`
padding: 0 3px; padding: 0 3px;
} }
/* code block */
pre > code { pre > code {
font-family: ${theming.font.code}; font-family: ${theming.font.code};
border: ${(props) => border: ${(props) =>