@bbki.ng/site 5.4.40 → 5.4.42

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/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @bbki.ng/site
2
2
 
3
+ ## 5.4.42
4
+
5
+ ### Patch Changes
6
+
7
+ - c11fa73: fix layout style
8
+ - Updated dependencies [c11fa73]
9
+ - @bbki.ng/ui@0.1.16
10
+
11
+ ## 5.4.41
12
+
13
+ ### Patch Changes
14
+
15
+ - 9b6dfe7: fix safaarea style
16
+ - Updated dependencies [9b6dfe7]
17
+ - @bbki.ng/ui@0.1.15
18
+
3
19
  ## 5.4.40
4
20
 
5
21
  ### Patch Changes
package/index.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <html lang="en" class="h-full no-scrollbar">
3
3
  <head>
4
4
  <title>bbki.ng</title>
5
- <meta name="viewport" content="width=device-width, initial-scale=1" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
6
6
  <meta name="description" content="baby king" />
7
7
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
8
8
  <link
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbki.ng/site",
3
- "version": "5.4.40",
3
+ "version": "5.4.42",
4
4
  "description": "code behind bbki.ng",
5
5
  "main": "index.js",
6
6
  "type": "module",
@@ -14,7 +14,7 @@
14
14
  "react-dom": "^18.0.0",
15
15
  "react-router-dom": "6",
16
16
  "swr": "^2.2.5",
17
- "@bbki.ng/ui": "0.1.14"
17
+ "@bbki.ng/ui": "0.1.16"
18
18
  },
19
19
  "devDependencies": {
20
20
  "@eslint/compat": "^1.0.0",
package/src/blog/app.tsx CHANGED
@@ -26,6 +26,9 @@ const Layout = () => {
26
26
  className="gradient-blur-cover select-none"
27
27
  loading={isLoading}
28
28
  customLogo={logo}
29
+ style={{
30
+ paddingTop: 'calc(env(safe-area-inset-top) + 4px)',
31
+ }}
29
32
  />
30
33
  }
31
34
  main={
@@ -12,6 +12,7 @@ export const EffectLayer = () => {
12
12
  'top-0',
13
13
  'left-0',
14
14
  'h-full',
15
+ 'h-dvh',
15
16
  'pointer-events-none',
16
17
  'w-full',
17
18
  'z-999'
@@ -26,6 +27,9 @@ export const EffectLayer = () => {
26
27
  fragment={frag}
27
28
  vertex={vert}
28
29
  onRender={onRender}
30
+ style={{
31
+ height: '100dvh',
32
+ }}
29
33
  />
30
34
  );
31
35
  };
package/src/blog/main.css CHANGED
@@ -61,6 +61,9 @@ body {
61
61
  overflow: auto;
62
62
  -ms-overflow-style: none; /* Internet Explorer 10+ */
63
63
  scrollbar-width: none;
64
+ padding-top: env(safe-area-inset-top);
65
+ padding-bottom: env(safe-area-inset-bottom);
66
+ box-sizing: border-box;
64
67
  }
65
68
 
66
69
  #blog::-webkit-scrollbar {
@@ -68,7 +68,7 @@ const Streaming = () => {
68
68
 
69
69
  return (
70
70
  <>
71
- <Panel className="p-2.5! mt-32">
71
+ <Panel className="p-2.5! mt-16">
72
72
  <bb-msg-history
73
73
  // infinite
74
74
  hide-scroll-bar