From fe2358506d21b791abcba9e03cefc5c299397728 Mon Sep 17 00:00:00 2001
From: sigoden <sigoden@gmail.com>
Date: Tue, 14 May 2024 17:04:06 +0800
Subject: [PATCH] fix: head div overlap main contents when wrap (#386)

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

diff --git a/assets/index.css b/assets/index.css
index c77da01..3d72a85 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -6,7 +6,7 @@ html {
 
 body {
   /* prevent premature breadcrumb wrapping on mobile */
-  min-width: 500px;
+  min-width: 538px;
   margin: 0;
 }
 
@@ -19,14 +19,15 @@ body {
   flex-wrap: wrap;
   align-items: center;
   padding: 0.6em 1em;
-  position: fixed;
-  width: 100%;
+  position: sticky;
+  top: 0;
   background-color: white;
 }
 
 .breadcrumb {
   font-size: 1.25em;
   padding-right: 0.6em;
+  word-break: break-all;
 }
 
 .breadcrumb>a {
@@ -108,7 +109,7 @@ body {
 }
 
 .main {
-  padding: 3.3em 1em 0;
+  padding: 0 1em;
 }
 
 .empty-folder {