From a73a16c611e8faa9e7566dd4e0e77b8ed997f86b Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Thu, 19 Dec 2024 17:47:10 +0800
Subject: perf: better sidenote style on small screens

---
 assets/css/index.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'assets/css/index.css')

diff --git a/assets/css/index.css b/assets/css/index.css
index fd963aad..854343d1 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -625,9 +625,10 @@ a.blog-link img {
 
 @media screen and (max-width: 1199px) {
     .sidenote {
-        background: var(--block-background-color);
-        padding: 1rem 1.5rem;
+        border: 1px solid var(--block-background-color);
+        padding: .75rem 1rem;
         border-radius: 0.5rem;
+        line-height: 1.5;
     }
     .sidenote-title {
         font-size: 1rem;
@@ -646,7 +647,7 @@ a.blog-link img {
 }
 
 .sidenote-title {
-    margin: 0
+    margin: 0.5rem 0
 }
 
 .sidenote-content {
-- 
cgit v1.2.3