Personal Site
Add proper border to bluesky posts
+4
-2
+4
-2
src/components/home/feeds/Post.astro
+4
-2
src/components/home/feeds/Post.astro
···
8
8
} from "@atcute/lexicons";
9
9
import { AppBskyFeedPost } from "@atcute/bluesky";
10
10
import { throws } from "/utils";
11
+
import BoxTlbr from "/assets/box-tlbr.png"
11
12
12
13
export interface Author {
13
14
did: `did:${string}:${string}`;
···
214
215
})();
215
216
---
216
217
217
-
<div class="post">
218
+
<div class="post" style={`--box-tlbr-png: url(${BoxTlbr.src});`}>
218
219
{
219
220
author.avatar && (
220
221
<img
···
336
337
337
338
<style>
338
339
.post {
339
-
border: 1px solid red;
340
+
border-image: var(--box-tlbr-png) 10 10 fill / 20px 20px round;
341
+
padding: 30px;
340
342
}
341
343
342
344
.post-text {