commit 439d8ab5e22d977e53807dbade0bb39f8eab6c35 · nekomimi.pet/atproto-ui

+36 -29

lib/renderers/BlueskyProfileRenderer.tsx

···

       71
       71
        
       					{record.description}

     

       72
       72
        
       				</p>

     

       73
       73
        
       			)}

     

       74
       74
       -
       			{record.createdAt && (

     

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

     

       76
       76
       -
       					Joined {new Date(record.createdAt).toLocaleDateString()}

     

       74
       74
       +
       			{websiteHref && websiteLabel && (

     

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

     

       76
       76
       +
       					<a

     

       77
       77
       +
       						href={websiteHref}

     

       78
       78
       +
       						target="_blank"

     

       79
       79
       +
       						rel="noopener noreferrer"

     

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

     

       81
       81
       +
       					>

     

       82
       82
       +
       						{websiteLabel}

     

       83
       83
       +
       					</a>

     

       77
       84
        
       				</div>

     

       78
       85
        
       			)}

     

       79
       79
       -
       			<div style={base.links}>

     

       80
       80
       -
       				{websiteHref && websiteLabel && (

     

       86
       86
       +
       			<div style={base.bottomRow}>

     

       87
       87
       +
       				<div style={base.bottomLeft}>

     

       88
       88
       +
       					{record.createdAt && (

     

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

     

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

     

       91
       91
       +
       						</div>

     

       92
       92
       +
       					)}

     

       81
       93
        
       					<a

     

       82
       82
       -
       						href={websiteHref}

     

       94
       94
       +
       						href={profileUrl}

     

       83
       95
        
       						target="_blank"

     

       84
       96
        
       						rel="noopener noreferrer"

     

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

     

       86
       98
        
       					>

     

       87
       87
       -
       						{websiteLabel}

     

       99
       99
       +
       						View on Bluesky

     

       88
       100
        
       					</a>

     

       89
       89
       -
       				)}

     

       90
       90
       -
       				<a

     

       91
       91
       -
       					href={profileUrl}

     

       92
       92
       -
       					target="_blank"

     

       93
       93
       -
       					rel="noopener noreferrer"

     

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

     

       95
       95
       -
       				>

     

       96
       96
       -
       					View on Bluesky

     

       97
       97
       -
       				</a>

     

       98
       98
       -
       			</div>

     

       99
       99
       -
       			<div style={base.iconCorner} aria-hidden>

     

       100
       100
       -
       				<BlueskyIcon size={18} />

     

       101
       101
       +
       				</div>

     

       102
       102
       +
       				<div aria-hidden>

     

       103
       103
       +
       					<BlueskyIcon size={18} />

     

       104
       104
       +
       				</div>

     

       101
       105
        
       			</div>

     

       102
       106
        
       		</div>

     

       103
       107
        
       	);

     
···

       142
       146
        
       		lineHeight: 1.4,

     

       143
       147
        
       	},

     

       144
       148
        
       	meta: {

     

       145
       145
       -
       		marginTop: 12,

     

       149
       149
       +
       		marginTop: 0,

     

       146
       150
        
       		fontSize: 12,

     

       147
       151
        
       	},

     

       148
       152
        
       	pronouns: {

     
···

       155
       159
        
       		padding: "2px 8px",

     

       156
       160
        
       		marginTop: 6,

     

       157
       161
        
       	},

     

       158
       158
       -
       	links: {

     

       159
       159
       -
       		display: "flex",

     

       160
       160
       -
       		flexDirection: "column",

     

       161
       161
       -
       		gap: 8,

     

       162
       162
       -
       		marginTop: 12,

     

       163
       163
       -
       	},

     

       164
       162
        
       	link: {

     

       165
       163
        
       		display: "inline-flex",

     

       166
       164
        
       		alignItems: "center",

     
···

       169
       167
        
       		fontWeight: 600,

     

       170
       168
        
       		textDecoration: "none",

     

       171
       169
        
       	},

     

       170
       170
       +
       	bottomRow: {

     

       171
       171
       +
       		display: "flex",

     

       172
       172
       +
       		alignItems: "flex-end",

     

       173
       173
       +
       		justifyContent: "space-between",

     

       174
       174
       +
       		marginTop: 12,

     

       175
       175
       +
       	},

     

       176
       176
       +
       	bottomLeft: {

     

       177
       177
       +
       		display: "flex",

     

       178
       178
       +
       		flexDirection: "column",

     

       179
       179
       +
       		gap: 8,

     

       180
       180
       +
       	},

     

       172
       181
        
       	iconCorner: {

     

       173
       173
       -
       		position: "absolute",

     

       174
       174
       -
       		right: 12,

     

       175
       175
       -
       		bottom: 12,

     

       182
       182
       +
       		// Removed absolute positioning, now in flex layout

     

       176
       183
        
       	},

     

       177
       184
        
       };

     

       178
       185

+1 -8

src/App.tsx

···

       524
       524
        
       

     

       525
       525
        
       export const App: React.FC = () => {

     

       526
       526
        
       	return (

     

       527
       527
       -
       		<AtProtoProvider

     

       528
       528
       -
           		plcDirectory="https://plc.wtf/"

     

       529
       529
       -
             		identityService="https://api.blacksky.community"

     

       530
       530
       -
               	slingshotBaseUrl="https://slingshot.microcosm.blue"

     

       531
       531
       -
               	blueskyAppviewService="https://api.blacksky.community"

     

       532
       532
       -
                	blueskyAppBaseUrl="https://reddwarf.app/"

     

       533
       533
       -
                 	tangledBaseUrl="https://tangled.org"

     

       534
       534
       -
       		>

     

       527
       527
       +
       		<AtProtoProvider>

     

       535
       528
        
       			<div

     

       536
       529
        
       				style={{

     

       537
       530
        
       					maxWidth: 860,