@bbki.ng/site 5.4.31 → 5.4.33

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,25 @@
1
1
  # @bbki.ng/site
2
2
 
3
+ ## 5.4.33
4
+
5
+ ### Patch Changes
6
+
7
+ - aaee63e: fix style
8
+ - eada3c3: fix style
9
+ - 7b07af6: fix style
10
+ - Updated dependencies [aaee63e]
11
+ - Updated dependencies [eada3c3]
12
+ - Updated dependencies [7b07af6]
13
+ - @bbki.ng/ui@0.1.7
14
+
15
+ ## 5.4.32
16
+
17
+ ### Patch Changes
18
+
19
+ - 3308d28: fix layout
20
+ - Updated dependencies [3308d28]
21
+ - @bbki.ng/ui@0.1.6
22
+
3
23
  ## 5.4.31
4
24
 
5
25
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbki.ng/site",
3
- "version": "5.4.31",
3
+ "version": "5.4.33",
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.5"
17
+ "@bbki.ng/ui": "0.1.7"
18
18
  },
19
19
  "devDependencies": {
20
20
  "@eslint/compat": "^1.0.0",
package/src/blog/app.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { useContext } from 'react';
2
2
  import { Outlet, Route, Routes } from 'react-router-dom';
3
3
  import { Cover, Streaming } from './pages';
4
- import { Nav, NotFound, Page, Grid, ErrorBoundary } from '@bbki.ng/ui';
4
+ import { Nav, NotFound, Page, Grid, ErrorBoundary, Container } from '@bbki.ng/ui';
5
5
 
6
6
  import ArticlePage from '@/pages/extensions/txt/article';
7
7
  import Txt from '@/pages/extensions/txt';
@@ -30,9 +30,11 @@ const Layout = () => {
30
30
  }
31
31
  main={
32
32
  <Grid leftAside={<div />} rightAside={<div />}>
33
- <ErrorBoundary>
34
- <Outlet />
35
- </ErrorBoundary>
33
+ <Container className="py-32">
34
+ <ErrorBoundary>
35
+ <Outlet />
36
+ </ErrorBoundary>
37
+ </Container>
36
38
  </Grid>
37
39
  }
38
40
  />
@@ -30,7 +30,7 @@ export const ArticlePage = (props: ArticlePageProps) => {
30
30
  title={title}
31
31
  date={props.date}
32
32
  description={description}
33
- className={`${props.className || ''} mt-16`}
33
+ className={`${props.className || ''}`}
34
34
  loading={false}
35
35
  >
36
36
  <article className={articleCls}>{props.children}</article>
@@ -38,7 +38,7 @@ export const ArticlePage = (props: ArticlePageProps) => {
38
38
  <Reaction title={title} url={window.location.href} />
39
39
  </div>*/}
40
40
  </Article>
41
- <div className="mb-64">
41
+ <div className="">
42
42
  <Button
43
43
  className=""
44
44
  type="button"
@@ -28,7 +28,7 @@ vec4 randGrain(vec2 uv) {
28
28
 
29
29
  vec4 result = grain(color, uv) * 0.4;
30
30
 
31
- result.a *= 0.2;
31
+ result.a *= 0.8;
32
32
 
33
33
  return result;
34
34
  }
@@ -40,4 +40,3 @@ void drawGrainOnNav(vec2 uv) {
40
40
  gl_FragColor = randGrain(uv);
41
41
  // }
42
42
  }
43
-
@@ -42,7 +42,11 @@ void drawSpiral(vec2 uv) {
42
42
  vec2 p = uv - center;
43
43
  p.x *= aspect;
44
44
 
45
- float scale = 4.0;
45
+ // Clamp scale so the spiral never grows beyond ~480px equivalent
46
+ float maxSpiralPx = 480.0;
47
+ float baseScale = 4.0;
48
+ float minDim = min(uResolution.x, uResolution.y) / uDevicePixelRatio;
49
+ float scale = max(baseScale, minDim / maxSpiralPx * baseScale);
46
50
  p *= scale;
47
51
 
48
52
  // early exit: spiral fits within radius ~0.35 in curve space
@@ -84,7 +88,7 @@ void drawSpiral(vec2 uv) {
84
88
  float dc = distance(p, closest);
85
89
  minDist = min(minDist, dc);
86
90
 
87
- float lineWidth = 0.002;
91
+ float lineWidth = 0.005;
88
92
  float alpha = 1.0 - smoothstep(0.0, lineWidth, minDist);
89
93
 
90
94
  float spiralAlpha = alpha * 0.8 * uSpiralOpacity;
@@ -5,7 +5,7 @@ export { MySuspense } from './my_suspense';
5
5
 
6
6
  export const CenterLinkList = (props: any) => {
7
7
  return (
8
- <div className="flex justify-center relative p-16 h-full">
8
+ <div className="flex justify-center relative h-full">
9
9
  <LinkList {...props} />
10
10
  </div>
11
11
  );
@@ -74,7 +74,7 @@ const Streaming = () => {
74
74
  hide-scroll-bar
75
75
  hide-scroll-button
76
76
  ref={bbMsgHistoryRef}
77
- style={{ height: '100%', '--bb-max-height': '300px' } as React.CSSProperties}
77
+ style={{ height: '100%', '--bb-max-height': '260px' } as React.CSSProperties}
78
78
  >
79
79
  {formattedData}
80
80
  </bb-msg-history>