docnest 0.1.21 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "docnest",
3
- "version": "0.1.21",
3
+ "version": "0.1.22",
4
4
  "description": "可复用的本地 Markdown 文档中心",
5
5
  "repository": {
6
6
  "type": "git",
@@ -51,6 +51,42 @@ body {
51
51
  gap: 1rem;
52
52
  }
53
53
 
54
+ /* Equal side columns keep search centered in the entire header. */
55
+ .header-content-with-search {
56
+ display: grid;
57
+ grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
58
+ }
59
+
60
+ .header-content-with-search > .doc-search-trigger {
61
+ justify-self: center;
62
+ }
63
+
64
+ .header-content-with-search > .header-meta {
65
+ justify-self: end;
66
+ max-width: 100%;
67
+ }
68
+
69
+ @media (max-width: 1200px) {
70
+ .header-content-with-search {
71
+ grid-template-columns: minmax(0, 1fr) auto;
72
+ }
73
+
74
+ .header-content-with-search > .header-title-group {
75
+ grid-column: 1;
76
+ grid-row: 1;
77
+ }
78
+
79
+ .header-content-with-search > .header-meta {
80
+ grid-column: 2;
81
+ grid-row: 1;
82
+ }
83
+
84
+ .header-content-with-search > .doc-search-trigger {
85
+ grid-column: 1 / -1;
86
+ grid-row: 2;
87
+ }
88
+ }
89
+
54
90
  .header h1 {
55
91
  font-size: 1.25rem;
56
92
  font-weight: 600;
@@ -1918,6 +1954,21 @@ body[data-theme="dark"] .diagram-viewer-content {
1918
1954
  gap: 0.5rem;
1919
1955
  }
1920
1956
 
1957
+ .header-content-with-search {
1958
+ grid-template-columns: minmax(0, 1fr);
1959
+ }
1960
+
1961
+ .header-content-with-search > .header-title-group,
1962
+ .header-content-with-search > .header-meta,
1963
+ .header-content-with-search > .doc-search-trigger {
1964
+ grid-column: 1;
1965
+ grid-row: auto;
1966
+ }
1967
+
1968
+ .header-content-with-search > .doc-search-trigger .header-action-text {
1969
+ display: inline;
1970
+ }
1971
+
1921
1972
  .header-meta {
1922
1973
  width: 100%;
1923
1974
  align-items: flex-start;
@@ -1,5 +1,5 @@
1
1
  <header class="header">
2
- <div class="header-content">
2
+ <div class="header-content<%= !docsRestrictedMode ? ' header-content-with-search' : '' %>">
3
3
  <div class="header-title-group">
4
4
  <h1>
5
5
  <% if (docsLogo) { %><img class="brand-logo" src="<%= docsLogo %>" alt=""><% } else { %><span class="brand-fallback" aria-hidden="true"><span class="brand-fallback-emoji">📚</span><span class="brand-fallback-shape"></span></span><% } %>
@@ -11,8 +11,6 @@
11
11
  <p class="subtitle"><%= docsSubtitle %></p>
12
12
  <% } %>
13
13
  </div>
14
- <div class="header-meta">
15
- <div class="header-actions">
16
14
  <% if (!docsRestrictedMode) { %>
17
15
  <button type="button" id="doc-search-trigger" class="header-action-btn doc-search-trigger" aria-haspopup="dialog" aria-controls="doc-search-modal" title="搜索文档(⌘K / Ctrl K)">
18
16
  <span class="doc-search-icon" aria-hidden="true">⌕</span>
@@ -20,6 +18,8 @@
20
18
  <kbd class="doc-search-shortcut" aria-label="打开搜索快捷键">⌘ K</kbd>
21
19
  </button>
22
20
  <% } %>
21
+ <div class="header-meta">
22
+ <div class="header-actions">
23
23
  <% if (typeof showPrintButton !== 'undefined' && showPrintButton && !docsRestrictedMode) { %>
24
24
  <button type="button" id="print-doc-btn" class="header-action-btn print-btn" title="打印当前文章">
25
25
  <span class="print-icon">🖨️</span>