···

       
71
       
 
       
					{record.description}

     

       
72
       
 
       
				</p>

     

       
73
       
 
       
			)}

     

       
74
       
-
       
			{websiteHref && websiteLabel && (

     

       
75
       
-
       
				<div style={{ marginTop: 12 }}>

     

       
76
       
-
       
					<a

     

       
77
       
-
       
						href={websiteHref}

     

       
78
       
-
       
						target="_blank"

     

       
79
       
-
       
						rel="noopener noreferrer"

     

       
80
       
-
       
						style={{ ...base.link, color: `var(--atproto-color-link)` }}

     

       
81
       
-
       
					>

     

       
82
       
-
       
						{websiteLabel}

     

       
83
       
-
       
					</a>

     

       
84
       
-
       
				</div>

     

       
85
       
-
       
			)}

     

       
86
       
 
       
			<div style={base.bottomRow}>

     

       
87
       
 
       
				<div style={base.bottomLeft}>

     

       
88
       
 
       
					{record.createdAt && (

     

       
89
       
 
       
						<div style={{ ...base.meta, color: `var(--atproto-color-text-secondary)` }}>

     

       
90
       
 
       
							Joined {new Date(record.createdAt).toLocaleDateString()}

     

       
91
       
 
       
						</div>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
92
       
 
       
					)}

     

       
93
       
 
       
					<a

     

       
94
       
 
       
						href={profileUrl}

     
···

       
109
       
 
       


     

       
110
       
 
       
const base: Record<string, React.CSSProperties> = {

     

       
111
       
 
       
	card: {

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
112
       
 
       
		borderRadius: 12,

     

       
113
       
 
       
		padding: 16,

     

       
114
       
 
       
		fontFamily: "system-ui, sans-serif",

     
···

       
171
       
 
       
		display: "flex",

     

       
172
       
 
       
		alignItems: "flex-end",

     

       
173
       
 
       
		justifyContent: "space-between",

     

       
174
       
-
       
		marginTop: 12,

     

       
0
       
 
       

     

       
175
       
 
       
	},

     

       
176
       
 
       
	bottomLeft: {

     

       
177
       
 
       
		display: "flex",

     

···

       
71
       
 
       
					{record.description}

     

       
72
       
 
       
				</p>

     

       
73
       
 
       
			)}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
74
       
 
       
			<div style={base.bottomRow}>

     

       
75
       
 
       
				<div style={base.bottomLeft}>

     

       
76
       
 
       
					{record.createdAt && (

     

       
77
       
 
       
						<div style={{ ...base.meta, color: `var(--atproto-color-text-secondary)` }}>

     

       
78
       
 
       
							Joined {new Date(record.createdAt).toLocaleDateString()}

     

       
79
       
 
       
						</div>

     

       
80
       
+
       
					)}

     

       
81
       
+
       
					{websiteHref && websiteLabel && (

     

       
82
       
+
       
						<a

     

       
83
       
+
       
							href={websiteHref}

     

       
84
       
+
       
							target="_blank"

     

       
85
       
+
       
							rel="noopener noreferrer"

     

       
86
       
+
       
							style={{ ...base.link, color: `var(--atproto-color-link)` }}

     

       
87
       
+
       
						>

     

       
88
       
+
       
							{websiteLabel}

     

       
89
       
+
       
						</a>

     

       
90
       
 
       
					)}

     

       
91
       
 
       
					<a

     

       
92
       
 
       
						href={profileUrl}

     
···

       
107
       
 
       


     

       
108
       
 
       
const base: Record<string, React.CSSProperties> = {

     

       
109
       
 
       
	card: {

     

       
110
       
+
       
		display: "flex",

     

       
111
       
+
       
		flexDirection: "column",

     

       
112
       
+
       
		height: "100%",

     

       
113
       
 
       
		borderRadius: 12,

     

       
114
       
 
       
		padding: 16,

     

       
115
       
 
       
		fontFamily: "system-ui, sans-serif",

     
···

       
172
       
 
       
		display: "flex",

     

       
173
       
 
       
		alignItems: "flex-end",

     

       
174
       
 
       
		justifyContent: "space-between",

     

       
175
       
+
       
		marginTop: "auto",

     

       
176
       
+
       
		paddingTop: 12,

     

       
177
       
 
       
	},

     

       
178
       
 
       
	bottomLeft: {

     

       
179
       
 
       
		display: "flex",

     

···

       
1
       
 
       
{

     

       
2
       
 
       
	"name": "atproto-ui",

     

       
3
       
-
       
	"version": "0.7.0",

     

       
4
       
 
       
	"type": "module",

     

       
5
       
 
       
	"description": "React components and hooks for rendering AT Protocol records.",

     

       
6
       
 
       
	"main": "./lib-dist/index.js",

     

···

       
1
       
 
       
{

     

       
2
       
 
       
	"name": "atproto-ui",

     

       
3
       
+
       
	"version": "0.7.2",

     

       
4
       
 
       
	"type": "module",

     

       
5
       
 
       
	"description": "React components and hooks for rendering AT Protocol records.",

     

       
6
       
 
       
	"main": "./lib-dist/index.js",