diff --git a/src/app/[...file]/content.tsx b/src/app/[...file]/content.tsx
index c3099d0..44e37c6 100644
--- a/src/app/[...file]/content.tsx
+++ b/src/app/[...file]/content.tsx
@@ -89,7 +89,7 @@ export default function Content({ src }: { src: string}) {
json: "json",
}
const split = window.location.pathname.split('.');
- set_content();
+ set_content();
}
};
}
diff --git a/src/app/[...file]/types/text.css.ts b/src/app/[...file]/types/text.css.ts
index 2737583..326e45c 100644
--- a/src/app/[...file]/types/text.css.ts
+++ b/src/app/[...file]/types/text.css.ts
@@ -9,6 +9,7 @@ export const group = style({
lineHeight: '1.4em',
whiteSpace: 'pre',
tabSize: 4,
+ overflowX: 'scroll',
'@media': {
'screen and (min-width: 768px)': {
fontSize: '1.1em',
diff --git a/src/app/[...file]/types/text.tsx b/src/app/[...file]/types/text.tsx
index 3517996..7bb7182 100644
--- a/src/app/[...file]/types/text.tsx
+++ b/src/app/[...file]/types/text.tsx
@@ -10,7 +10,7 @@ export default function Text({ language, text }: { language: string, text: strin
const media_matcher = window.matchMedia('(prefers-color-scheme: light)');
const [light_theme, set_light_theme] = useState(media_matcher.matches);
- function check_light_theme(event) {
+ function check_light_theme(event: MediaQueryListEvent) {
if (light_theme != event.matches) {
set_light_theme(!light_theme);
}
@@ -30,7 +30,7 @@ export default function Text({ language, text }: { language: string, text: strin
code={text}
language={language}
>
- {({ className, style, tokens, getLineProps, getTokenProps }) => (
+ {({ tokens, getLineProps, getTokenProps }) => (
{tokens.map((line, i) => (