forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
[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
+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>