this repo has no description
Make RSS icon inline
+17
-7
+17
-7
src/pages/blog/index.astro
+17
-7
src/pages/blog/index.astro
···
10
10
<style>
11
11
a:has(svg) {
12
12
background-color: orange;
13
-
display: block;
14
-
width: fit-content;
15
-
height: fit-content;
16
-
padding: 1rem;
17
-
border-radius: 1rem;
13
+
display: inline-block;
14
+
height: 1em;
15
+
aspect-ratio: 1;
16
+
padding: 0.1em;
17
+
border-radius: 0.5rem;
18
+
19
+
& svg {
20
+
width: .8em;
21
+
aspect-ratio: 1;
22
+
}
18
23
}
19
24
</style>
20
25
21
26
<Base title="Blog">
22
27
<main>
23
-
<h1>Blog</h1>
24
-
<a href="/rss.xml" aria-label="Rss Feed"><Rss width={64} height={64} /></a>
28
+
<h1>
29
+
Blog
30
+
<a href="/rss.xml" aria-label="Rss Feed">
31
+
<Rss width=".8em" height=".8em" />
32
+
</a>
33
+
</h1>
34
+
25
35
{
26
36
posts.map((x, i) => (
27
37
<Post id={x.id} data={x.data} layer={posts.length - i} />