rsp2k/headplane
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: begin support for components and dark mode

Browse source
This commit is contained in:
Aarnav Tale 2024-03-29 15:41:10 -04:00
parent abb957c573
commit b5658750a9
No known key found for this signature in database
12 changed files with 195 additions and 89 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/routes/_data.machines.$id.tsx
View file

@ -2,6 +2,7 @@ import { type LoaderFunctionArgs } from '@remix-run/node'
import { Link, useLoaderData } from '@remix-run/react'
import Attribute from '~/components/Attribute'
import Card from '~/components/Card'
import StatusCircle from '~/components/StatusCircle'
import { type Machine } from '~/types'
import { pull } from '~/utils/headscale'
@ -41,7 +42,7 @@ export default function Page() {
</h1>
<StatusCircle isOnline={data.online} className='w-4 h-4'/>
</span>
<div className='p-4 md:p-6 border dark:border-zinc-700 rounded-lg'>
<Card>
<Attribute name='Creator' value={data.user.name}/>
<Attribute name='Node ID' value={data.id}/>
<Attribute name='Node Name' value={data.givenName}/>
@ -68,7 +69,7 @@ export default function Page() {
name='Domain'
value={`${data.givenName}.${data.user.name}.ts.net`}
/>
</div>
</Card>
</div>
)
}