Updated

frontend/@dasig/components/Padding.tsx

@@ -1,13 +1,23 @@
-import type { JSXElement } from 'solid-js'
+import type { JSXElement } from "solid-js";
+import "../styles/Padding.sass";
 
 interface Props {
-  left: number
+  left: number;
-  right: number
+  right: number;
-  top: number
+  top: number;
-  bottom: number
+  bottom: number;
-  children: JSXElement
+  children: JSXElement;
 }
 
 export default (props: Props) => {
-  return <div style={{ padding: `${props.top || 0}rem ${props.right}rem ${props.bottom || 0}rem ${props.left}rem` }}>{props.children}</div>
+  return (
-}
+    <div
+      class="dasig-padding"
+      style={{
+        padding: `${props.top || 0}rem ${props.right}rem ${props.bottom || 0}rem ${props.left}rem`,
+      }}
+    >
+      {props.children}
+    </div>
+  );
+};

frontend/@dasig/styles/Padding.sass

@@ -0,0 +1,2 @@
+.dasig-padding
+  width: 100%

frontend/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:22-alpine AS build
+FROM node:24.14-alpine AS build
 WORKDIR /app
 COPY package*.json ./
 RUN corepack enable
@@ -6,7 +6,7 @@ RUN pnpm install
 COPY . .
 RUN pnpm build
 
-FROM nginx:alpine AS runtime
+FROM nginx:stable-alpine AS runtime
 COPY ./.deployment/nginx/nginx.conf /etc/nginx/nginx.conf
 COPY --from=build /app/.output/public /usr/share/nginx/html
 EXPOSE 8080