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.users._index.tsx
View file

@ -5,6 +5,7 @@ import { useLoaderData } from '@remix-run/react'
import { toast } from 'react-hot-toast/headless'
import Attribute from '~/components/Attribute'
import Card from '~/components/Card'
import StatusCircle from '~/components/StatusCircle'
import { type Machine, type User } from '~/types'
import { pull } from '~/utils/headscale'
@ -44,7 +45,7 @@ export default function Page() {
return (
<div className='grid grid-cols-2 gap-4 auto-rows-min'>
{data.map(user => (
<div key={user.id} className='border rounded-lg p-4'>
<Card key={user.id}>
<div className='flex items-center gap-4'>
<UserIcon className='w-6 h-6'/>
<span className='text-lg font-mono'>
@ -59,7 +60,7 @@ export default function Page() {
</div>
))}
</div>
</div>
</Card>
))}
</div>
)