fix: local related issues

BDX-town · Nov 3, 2024 · 3028970 · 3028970
1 parent 4ae6702
commit 3028970
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -22,7 +22,7 @@ ENV WWW_GROUP=www-data
 COPY . $NOIRCIR_FOLDER 
 
 # install deps
-RUN apk add gettext gum nginx nginx-mod-http-lua nginx-mod-http-dav-ext openssl nodejs-current npm jq curl \
+RUN apk add gettext gum nginx nginx-mod-http-lua nginx-mod-http-dav-ext openssl nodejs-current npm jq curl icu-libs icu-data-full \
     && corepack enable \
     && mkdir -p $NGINX_FOLDER \
     && mkdir -p /tools && cp $NOIRCIR_FOLDER/tools/* /tools

diff --git a/template/src/Index.tsx b/template/src/Index.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
 
-import { Line, Block } from '@bdxtown/canaille';
+import { Line, Block, createUseStyles } from '@bdxtown/canaille';
 import { Blog } from 'types/src/Blog';
 import { Post } from 'types/src/Post';
 import { Footer } from './Footer'
 import sanitizeHTML from './sanitize';
+import { withI18n } from './withI18n';
 
 
 
@@ -20,8 +21,15 @@ interface Collection {
     }>
 }
 
+const useStyle = createUseStyles({
+    title: {
+        lineHeight: 1.20,
+    }
+})
+
 
 const Index: React.FC<Blog & Collection> = ({ blogName, blogDescription, blogCover, pages, lang }) => {
+    const { title } = useStyle();
     return (
         <div className='mx-auto max-w-[800px]'>
             <header className='p-3'>
@@ -44,7 +52,7 @@ const Index: React.FC<Blog & Collection> = ({ blogName, blogDescription, blogCov
                                         page.data.cover && <img className='w-full h-[100px] object-cover' src={page.data.cover} />
                                     }
                                     <div className='p-3'>
-                                        <h2 className='m-0 mb-3'>
+                                        <h2 className={`m-0 mb-3 ${title}`}>
                                             { page.data.title }
                                         </h2>
                                         <p className='m-0'>
@@ -65,4 +73,4 @@ const Index: React.FC<Blog & Collection> = ({ blogName, blogDescription, blogCov
     );
 }
 
-export default (Index);
+export default withI18n(Index);