Compare commits

..

2 commits

Author SHA1 Message Date
ce9a9c5915
No line numbers for you! Come back in one year. 2024-09-19 05:48:57 +01:00
24dab2d928
Reorganising 2024-09-19 05:34:28 +01:00
13 changed files with 13 additions and 6 deletions

View file

@ -1,6 +1,6 @@
import { style } from '@vanilla-extract/css';
import * as colors from '../colors.css';
import * as colors from '../../colors.css';
export const download_tty = style({
display: 'block',

View file

@ -1,6 +1,6 @@
import { style } from '@vanilla-extract/css'
import * as colors from '../../colors.css'
import * as colors from '../../../colors.css'
export const group = style({
display: 'flex',
@ -9,7 +9,6 @@ export const group = style({
lineHeight: '1.4em',
whiteSpace: 'pre',
tabSize: 4,
overflowX: 'scroll',
'@media': {
'screen and (min-width: 768px)': {
fontSize: '1.1em',
@ -23,4 +22,5 @@ export const line_numbers = style({
paddingRight: '0.5em',
color: colors.foreground2,
textAlign: 'right',
userSelect: 'none',
});

View file

@ -107,3 +107,7 @@ export const download_tty_group = style({
},
});
export const wrapper = style({
overflowX: 'scroll',
paddingBottom: '1em',
});

View file

@ -1,8 +1,8 @@
import type { Metadata } from 'next';
import Image from 'next/image';
import DownloadTTY from './download_tty';
import Content from './content';
import DownloadTTY from './components/download_tty';
import Content from './components/content';
import * as style from './page.css';
import download_image_dark from './download_dark.svg';
import download_image_light from './download_light.svg';
@ -68,7 +68,10 @@ export default async function Page({
<div className={style.download_tty_group}>
{download_ttys.map((text, index) => <DownloadTTY key={index} text={text} />)}
</div>
<Content src={`${root}${path}`} />
<div className={style.wrapper}>
<Content src={`${root}${path}`} />
</div>
</div>
</div>
);