@tnotesjs/core 0.1.15 → 0.1.17

package/vitepress/theme/styles/layout.scss

@@ -1,62 +1,78 @@
-/**
- * 布局层样式
- * - 全局布局控制
- * - 响应式布局
- * - 特殊布局模式（侧边栏隐藏、全屏等）
- */
-
-/* ===================================== */
-/* #region 侧边栏隐藏模式                */
-/* ===================================== */
-
-.hide-sidebar .VPSidebar {
-  transform: translateX(-100%);
-  pointer-events: none;
-  transition: transform 0.25s ease, opacity 0.25s ease;
-}
-
-.hide-sidebar .VPNavBar {
-  background-color: var(--vp-nav-bg-color) !important;
-}
-
-/* 主体内容往左补齐，与导航栏标题左对齐 */
-.hide-sidebar .VPContent {
-  margin-left: 0 !important;
-  padding-left: calc((100vw - var(--vp-layout-max-width)) / 2) !important;
-}
-
-.hide-sidebar .VPDoc .content-container {
-  max-width: calc(
-    var(--vp-sidebar-width) + var(--tn-content-width, 688px) +
-      var(--vp-sidebar-width)
-  ) !important;
-}
-
-/* #endregion */
-
-/* ===================================== */
-/* #region 全屏内容模式                  */
-/* ===================================== */
-
-.content-fullscreen .VPSidebar,
-.content-fullscreen .VPNav,
-.content-fullscreen .VPDocFooter,
-.content-fullscreen .VPNavBar {
-  display: none !important;
-}
-
-.content-fullscreen .VPContent {
-  margin: 0 !important;
-  padding: 0 2rem !important;
-  max-width: 100% !important;
-}
-
-.content-fullscreen body {
-  overflow: auto;
-}
-
-.content-fullscreen .VPDoc .content-container {
-  max-width: none !important;
-}
-
-/* #endregion */
+/**
+ * 布局层样式
+ * - 全局布局控制
+ * - 响应式布局
+ * - 特殊布局模式（侧边栏隐藏、全屏等）
+ */
+
+:root {
+  --tn-sidebar-width: 260px;
+  --tn-sidebar-layout-width: var(--tn-sidebar-width);
+  --vp-sidebar-width: var(--tn-sidebar-width);
+}
+
+//  侧边栏样式重写
+.VPSidebar {
+  width: var(--tn-sidebar-layout-width, var(--tn-sidebar-width)) !important;
+  padding-top: var(--vp-nav-height) !important;
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+  padding-bottom: 1rem !important;
+}
+
+/* ===================================== */
+/* #region 侧边栏隐藏模式                */
+/* ===================================== */
+
+.hide-sidebar .VPSidebar {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  overflow: hidden;
+  transform: translateX(-100%);
+  pointer-events: none;
+  transition: transform 0.25s ease, opacity 0.25s ease;
+}
+
+.hide-sidebar .VPNavBarTitle {
+  display: none !important;
+}
+
+.hide-sidebar .VPNavBar {
+  background-color: var(--vp-nav-bg-color) !important;
+}
+
+/* 主体内容往左补齐，与导航栏标题左对齐 */
+.hide-sidebar .VPContent {
+  margin-left: 0 !important;
+  padding-left: calc((100vw - var(--vp-layout-max-width)) / 2) !important;
+}
+
+/* #endregion */
+
+/* ===================================== */
+/* #region 全屏内容模式                  */
+/* ===================================== */
+
+.content-fullscreen .VPSidebar,
+.content-fullscreen .VPNav,
+.content-fullscreen .VPLocalNav,
+.content-fullscreen .VPDocFooter,
+.content-fullscreen .VPNavBar {
+  display: none !important;
+}
+
+.content-fullscreen .VPContent {
+  margin: 0 !important;
+  padding: 0 2rem !important;
+  max-width: 100% !important;
+}
+
+.content-fullscreen body {
+  overflow: auto;
+}
+
+.content-fullscreen .VPDoc .content-container {
+  max-width: none !important;
+}
+
+/* #endregion */

package/vitepress/theme/styles/utilities.scss

@@ -1,39 +1,39 @@
-/**
- * 工具类和通用动画
- */
-
-/* ===================================== */
-/* #region 通用动画                      */
-/* ===================================== */
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes slideDown {
-  from {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes pulse {
-  0%,
-  100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}
-
-/* #endregion */
+/**
+ * 工具类和通用动画
+ */
+
+/* ===================================== */
+/* #region 通用动画                      */
+/* ===================================== */
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+/* #endregion */

package/vitepress/theme/styles/vitepress-override.scss

@@ -1,25 +1,25 @@
-/**
- * VitePress 默认主题覆盖
- * 用于修改 VitePress 内置组件的样式
- */
-
-/* ===================================== */
-/* #region 隐藏默认的 last updated       */
-/* ===================================== */
-
-.last-updated {
-  display: none;
-}
-
-/* #endregion */
-
-/* ===================================== */
-/* #region 修复 Discussions 边框问题     */
-/* ===================================== */
-
-.VPDoc.has-aside .content-container {
-  padding: 0 2px !important;
-  max-width: var(--tn-content-width, 688px) !important;
-}
-
-/* #endregion */
+/**
+ * VitePress 默认主题覆盖
+ * 用于修改 VitePress 内置组件的样式
+ */
+
+/* ===================================== */
+/* #region 隐藏默认的 last updated       */
+/* ===================================== */
+
+.last-updated {
+  display: none;
+}
+
+/* #endregion */
+
+/* ===================================== */
+/* #region 修复 Discussions 边框问题     */
+/* ===================================== */
+
+.VPDoc.has-aside .content-container {
+  padding: 0 2px !important;
+  max-width: none !important;
+}
+
+/* #endregion */