Hare/blog.hareworks.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: refine layout and spacing in blog styles and article page

Browse Source
This commit is contained in:
Keisuke Hirata 2024-12-18 07:14:01 +09:00
parent 5c05db4580
commit 992c99d2fb
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/blog.scss
View File

@ -7,15 +7,16 @@
color: var(--color-text); color: var(--color-text);
padding-left: 2rem; padding-left: 0rem;
box-sizing: border-box; box-sizing: border-box;
h1 { h1 {
position: relative; position: relative;
width: auto; width: auto;
font-size: 1.8rem; font-size: 1.8rem;
margin-bottom: 0.5rem; padding: 1.5rem 0 0.25rem 0;
margin-left: -1rem; margin: 0 0 0.75rem 0rem;
border-bottom: 1px solid var(--color-outline);
} }
hr { hr {
@ -27,6 +28,7 @@
} }
h2 { h2 {
padding: 1rem 0 0.25rem 0;
font-size: 1.5rem; font-size: 1.5rem;
position: relative; position: relative;

7
src/lib/page/article_page.svelte
View File

@ -121,9 +121,8 @@
border-top: none; border-top: none;
border-bottom: none; border-bottom: none;
min-height: 100%; min-height: 100%;
padding: 20px; padding: 100px 100px 0 100px;
padding-top: 100px; max-width: 900px;
max-width: 800px;
margin: 0; margin: 0;
} }
} }
@ -149,7 +148,7 @@
h1 { h1 {
font-size: 2rem; font-size: 2rem;
text-align: center; text-align: center;
margin: 0; margin: 0 -30px 0 -30px;
padding: 12px; padding: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
box-sizing: border-box; box-sizing: border-box;