zudoku 0.32.2 → 0.32.3

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 (15) hide show
  1. package/dist/lib/components/Header.js +2 -2
  2. package/dist/lib/components/Header.js.map +1 -1
  3. package/dist/lib/components/Layout.js +1 -1
  4. package/dist/lib/components/Layout.js.map +1 -1
  5. package/dist/vite/config.js +0 -13
  6. package/dist/vite/config.js.map +1 -1
  7. package/dist/vite/plugin-config-reload.js +2 -1
  8. package/dist/vite/plugin-config-reload.js.map +1 -1
  9. package/dist/vite/plugin-config.js +5 -2
  10. package/dist/vite/plugin-config.js.map +1 -1
  11. package/lib/zudoku.components.js +36 -36
  12. package/lib/zudoku.components.js.map +1 -1
  13. package/package.json +1 -1
  14. package/src/lib/components/Header.tsx +3 -3
  15. package/src/lib/components/Layout.tsx +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zudoku",
3
- "version": "0.32.2",
3
+ "version": "0.32.3",
4
4
  "type": "module",
5
5
  "homepage": "https://zudoku.dev",
6
6
  "repository": {
package/src/lib/components/Header.tsx CHANGED
@@ -66,7 +66,7 @@ export const Header = memo(function HeaderInner() {
66
66
  <header className="sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full">
67
67
  <Banner />
68
68
  <div className="border-b">
69
- <div className="max-w-screen-2xl border-l border-r mx-auto grid grid-cols-[1fr_auto] lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center px-4 lg:px-8 h-[--top-header-height]">
69
+ <div className="max-w-screen-2xl 2xl:border-x mx-auto grid grid-cols-[1fr_auto] lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center px-4 lg:px-8 h-[--top-header-height]">
70
70
  <div className="flex">
71
71
  <Link to="/">
72
72
  <div className="flex items-center gap-3.5">
@@ -177,8 +177,8 @@ export const Header = memo(function HeaderInner() {
177
177
  </div>
178
178
  </div>
179
179
  </div>
180
- <div className="border-b">
181
- <div className="max-w-screen-2xl mx-auto border-l border-r">
180
+ <div className="border-b hidden lg:block">
181
+ <div className="max-w-screen-2xl mx-auto 2xl:border-x">
182
182
  <Slotlet name="top-navigation-before" />
183
183
  <TopNavigation />
184
184
  <Slotlet name="top-navigation-after" />
package/src/lib/components/Layout.tsx CHANGED
@@ -66,7 +66,7 @@ export const Layout = ({ children }: { children?: ReactNode }) => {
66
66
  <Header />
67
67
  <Slotlet name="layout-after-head" />
68
68
 
69
- <div className="w-full max-w-screen-2xl mx-auto px-4 lg:px-8 border-l border-r">
69
+ <div className="w-full min-h-[calc(100vh-var(--header-height))] max-w-screen-2xl mx-auto px-4 lg:px-8 2xl:border-x">
70
70
  {showSpinner ? (
71
71
  <LoadingFallback />
72
72
  ) : (
@@ -79,7 +79,7 @@ export const Layout = ({ children }: { children?: ReactNode }) => {
79
79
  <Sidebar onRequestClose={() => setDrawerOpen(false)} />
80
80
  <div
81
81
  className={cn(
82
- "lg:hidden -mx-10 px-10 py-2 sticky bg-background/80 backdrop-blur z-10 top-0 left-0 right-0 border-b",
82
+ "lg:hidden -mx-4 px-4 py-2 sticky bg-background/80 backdrop-blur z-10 top-0 left-0 right-0 border-b",
83
83
  "peer-data-[navigation=false]:hidden",
84
84
  )}
85
85
  >