@tomehq/theme 0.3.3 → 0.3.4

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/{chunk-MSXVVBDW.js → chunk-QYINBNMJ.js} +4 -1
  3. package/dist/entry.js +1 -1
  4. package/dist/index.js +1 -1
  5. package/package.json +1 -1
  6. package/src/Shell.tsx +1 -1
  7. package/src/entry.tsx +3 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @tomehq/theme
2
2
 
3
+ ## 0.3.4
4
+
5
+ ### Patch Changes
6
+
7
+ - f03e6c2: Fix page scrolling beyond viewport bounds in all directions. Lock layout to 100vh with overflow hidden on html, body, and root container.
8
+
3
9
  ## 0.3.3
4
10
 
5
11
  ### Patch Changes
package/dist/{chunk-MSXVVBDW.js → chunk-QYINBNMJ.js} RENAMED
@@ -1054,7 +1054,7 @@ function Shell({
1054
1054
  const PageComponent = pageComponent;
1055
1055
  const bannerLink = config2.banner?.link;
1056
1056
  const bannerIsInternal = bannerLink ? bannerLink.startsWith("#") || basePath2 && bannerLink.startsWith(basePath2 + "/") : false;
1057
- return /* @__PURE__ */ jsxs2("div", { dir, className: "tome-grain", style: { ...cssVars, color: "var(--tx)", background: "var(--bg)", fontFamily: "var(--font-body)", minHeight: "100vh", overflow: "hidden" }, children: [
1057
+ return /* @__PURE__ */ jsxs2("div", { dir, className: "tome-grain", style: { ...cssVars, color: "var(--tx)", background: "var(--bg)", fontFamily: "var(--font-body)", height: "100vh", overflow: "hidden" }, children: [
1058
1058
  config2.banner?.text && !bannerDismissed && /* @__PURE__ */ jsxs2("div", { style: {
1059
1059
  display: "flex",
1060
1060
  alignItems: "center",
@@ -2052,6 +2052,9 @@ var MDX_COMPONENTS = {
2052
2052
  var contentStyles = `
2053
2053
  @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,700&family=Fira+Code:wght@400;500;600&display=swap');
2054
2054
 
2055
+ html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
2056
+ #tome-root { height: 100%; overflow: hidden; }
2057
+
2055
2058
  .tome-content h1 { display: none; }
2056
2059
  .tome-content h2 { font-family: var(--font-body); font-size: 1.35em; font-weight: 600; margin-top: 2em; margin-bottom: 0.5em; display: flex; align-items: center; gap: 10px; letter-spacing: 0.01em; }
2057
2060
  .tome-content h2::before { content: "#"; font-family: var(--font-heading); font-size: 1.2em; font-weight: 300; font-style: italic; color: var(--ac); opacity: 0.5; }
package/dist/entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  entry_default
3
- } from "./chunk-MSXVVBDW.js";
3
+ } from "./chunk-QYINBNMJ.js";
4
4
  export {
5
5
  entry_default as default
6
6
  };
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  Shell,
4
4
  THEME_PRESETS,
5
5
  entry_default
6
- } from "./chunk-MSXVVBDW.js";
6
+ } from "./chunk-QYINBNMJ.js";
7
7
  export {
8
8
  AiChat,
9
9
  entry_default as App,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tomehq/theme",
3
- "version": "0.3.3",
3
+ "version": "0.3.4",
4
4
  "description": "Tome default theme and React app shell",
5
5
  "type": "module",
6
6
  "main": "./src/index.tsx",
package/src/Shell.tsx CHANGED
@@ -669,7 +669,7 @@ export function Shell({
669
669
  const bannerIsInternal = bannerLink ? (bannerLink.startsWith("#") || (basePath && bannerLink.startsWith(basePath + "/"))) : false;
670
670
 
671
671
  return (
672
- <div dir={dir} className="tome-grain" style={{ ...cssVars as React.CSSProperties, color: "var(--tx)", background: "var(--bg)", fontFamily: "var(--font-body)", minHeight: "100vh", overflow: "hidden" }}>
672
+ <div dir={dir} className="tome-grain" style={{ ...cssVars as React.CSSProperties, color: "var(--tx)", background: "var(--bg)", fontFamily: "var(--font-body)", height: "100vh", overflow: "hidden" }}>
673
673
  {/* Banner */}
674
674
  {config.banner?.text && !bannerDismissed && (
675
675
  <div style={{
package/src/entry.tsx CHANGED
@@ -60,6 +60,9 @@ const MDX_COMPONENTS: Record<string, React.ComponentType<any>> = {
60
60
  const contentStyles = `
61
61
  @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,700&family=Fira+Code:wght@400;500;600&display=swap');
62
62
 
63
+ html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
64
+ #tome-root { height: 100%; overflow: hidden; }
65
+
63
66
  .tome-content h1 { display: none; }
64
67
  .tome-content h2 { font-family: var(--font-body); font-size: 1.35em; font-weight: 600; margin-top: 2em; margin-bottom: 0.5em; display: flex; align-items: center; gap: 10px; letter-spacing: 0.01em; }
65
68
  .tome-content h2::before { content: "#"; font-family: var(--font-heading); font-size: 1.2em; font-weight: 300; font-style: italic; color: var(--ac); opacity: 0.5; }