Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

[Embeds] Tweak homepage styles (#3526)

* tweak error styles

* reduce error horizontal padding

authored by

Samuel Newman and committed by
GitHub
c1137c39 826f6b04

+11 -11
+11 -11
bskyembed/src/screens/landing.tsx
··· 110 110 <img src={logo as string} className="h-10" /> 111 111 </Link> 112 112 113 - <h1 className="text-4xl font-bold">Embed a Bluesky Post</h1> 113 + <h1 className="text-4xl font-bold text-center">Embed a Bluesky Post</h1> 114 114 115 - <div className="w-full max-w-[600px] flex flex-col gap-2"> 116 - <input 117 - type="text" 118 - value={uri} 119 - onInput={e => setUri(e.currentTarget.value)} 120 - className="border rounded-lg py-3 w-full max-w-[600px] px-4" 121 - placeholder={DEFAULT_POST} 122 - /> 123 - </div> 115 + <input 116 + type="text" 117 + value={uri} 118 + onInput={e => setUri(e.currentTarget.value)} 119 + className="border rounded-lg py-3 w-full max-w-[600px] px-4" 120 + placeholder={DEFAULT_POST} 121 + /> 124 122 125 123 <img src={arrowBottom as string} className="w-6" /> 126 124 ··· 128 126 {uri && !error && thread && <Snippet thread={thread} />} 129 127 {!error && thread && <Post thread={thread} key={thread.post.uri} />} 130 128 {error && ( 131 - <p className={`text-red-500 ${error ? '' : 'invisible'}`}>{error}</p> 129 + <div className="w-full border border-red-500 bg-red-50 px-4 py-3 rounded-lg"> 130 + <p className="text-red-500 text-center">{error}</p> 131 + </div> 132 132 )} 133 133 </div> 134 134 </main>