1
1
// Copyright 2024 the JSR authors. All rights reserved. MIT license.
2
- import { FullUser , User } from "../../../utils/api_types.ts" ;
3
- import { AccountNav , AccountNavTab } from "./AccountNav.tsx" ;
4
- import twas from "twas" ;
5
2
import { ComponentChildren } from "preact" ;
3
+ import twas from "twas" ;
4
+ import { AccountNav , AccountNavTab } from "./AccountNav.tsx" ;
5
+ import { FullUser , User } from "../../../utils/api_types.ts" ;
6
6
import { GitHubUserLink } from "../../../islands/GithubUserLink.tsx" ;
7
7
8
8
interface AccountLayoutProps {
@@ -16,7 +16,7 @@ export function AccountLayout({ user, active, children }: AccountLayoutProps) {
16
16
< div class = "grid grid-cols-1 md:grid-cols-5 gap-4" >
17
17
< div class = "gap-4 flex flex-row md:flex-col items-center pr-4 md:pb-8 md:pt-4" >
18
18
< img
19
- class = "rounded-full w -16 h-16 md:h -32 md:w-32 lg:h -40 lg:w-40 ring-2 ring-offset-1 ring-jsr-gray-300 "
19
+ class = "rounded-full size -16 md:size -32 lg:size -40 ring-2 ring-offset-1 ring-jsr-cyan-700 "
20
20
src = { user . avatarUrl }
21
21
alt = "user icon"
22
22
/>
@@ -27,7 +27,7 @@ export function AccountLayout({ user, active, children }: AccountLayoutProps) {
27
27
< p class = "text-xs text-jsr-gray-600" >
28
28
Created account { twas ( new Date ( user . createdAt ) . getTime ( ) ) }
29
29
</ p >
30
- < p class = "text-xs text-jsr-gray-600 " >
30
+ < p class = "text-base mt-2 " >
31
31
< GitHubUserLink user = { user } />
32
32
</ p >
33
33
</ div >
0 commit comments