wilson/thomaswilson-sveltekit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(padding) Fix style issue on small screens (x-overflow)

Browse source
This commit is contained in:
Thomas 2024-03-23 07:40:59 +00:00
parent 15d021df8c
commit 60efe133eb
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/routes/blog/+page.svelte
View file

@ -55,10 +55,6 @@
</span> </span>
{daysSinceLastPublish === 1 ? "day" : "days"} since I last published something. {daysSinceLastPublish === 1 ? "day" : "days"} since I last published something.
</p> </p>
<p>
I write about fun software I've built alone, Real Software™ I built in
teams, books I read, things I am sewing, and other things.
</p>
<p> <p>
I have written {numberOfBlogPostsThisYear} I have written {numberOfBlogPostsThisYear}
{numberOfBlogPostsThisYear === 1 ? "piece" : "pieces"} so far this year. On {numberOfBlogPostsThisYear === 1 ? "piece" : "pieces"} so far this year. On

10
src/routes/home/HomepageHeader.svelte
View file

@ -33,7 +33,7 @@
</p> </p>
<p class="body">Here are some things I've written recently:</p> <p class="body">Here are some things I've written recently:</p>
<ol> <ol class="latest-blog-posts">
{#each latestBlogPosts as post} {#each latestBlogPosts as post}
<li> <li>
<a href="/blog/{post.slug}">{post.title}</a> ({formatDate( <a href="/blog/{post.slug}">{post.title}</a> ({formatDate(
@ -62,13 +62,13 @@
font-family: monospace; font-family: monospace;
display: grid; display: grid;
place-items: center; place-items: center;
padding: 0 12px;
} }
a, a,
ol, ol,
li, li,
p, p {
blockquote {
color: var(--text-color); color: var(--text-color);
font-family: inherit; font-family: inherit;
width: 100%; width: 100%;
@ -84,4 +84,8 @@
.body { .body {
text-align: left; text-align: left;
} }
.latest-blog-posts {
list-style-position: inside;
}
</style> </style>