docker/app.Dockerfile

@@ -1,24 +1,19 @@
 # For Build
-FROM node:22-slim AS base
+FROM node:22-slim as builder
 
-ENV PNPM_HOME="/pnpm"
-ENV PATH="$PNPM_HOME:$PATH"
-RUN corepack enable
 WORKDIR /app
 
 COPY package.json ./
-COPY pnpm-lock.yaml ./
+COPY package-lock.json ./
 COPY tsconfig.json ./
-
-FROM base AS builder
-RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
+RUN npm ci
 
 COPY . .
-RUN pnpm run build
 
+RUN npm run build
 
-FROM base
-RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --prod --frozen-lockfile
+# For Run
+FROM node:22-slim
 
 WORKDIR /app
 

src/lib/blog.scss

@@ -7,16 +7,15 @@
 
 	color: var(--color-text);
 
-	padding-left: 0rem;
+	padding-left: 2rem;
 	box-sizing: border-box;
 
 	h1 {
 		position: relative;
 		width: auto;
 		font-size: 1.8rem;
-    padding: 1.5rem 0 0.25rem 0;
-		margin: 0 0 0.75rem 0rem;
-		border-bottom: 1px solid var(--color-outline);
+		margin-bottom: 0.5rem;
+		margin-left: -1rem;
 	}
 
 	hr {
@@ -28,7 +27,6 @@
 	}
 
 	h2 {
-    padding: 1rem 0 0.25rem 0;
 		font-size: 1.5rem;
 		position: relative;
 

src/lib/page/article_page.svelte

@@ -121,8 +121,9 @@
 			border-top: none;
 			border-bottom: none;
 			min-height: 100%;
-			padding: 100px 100px 0 100px;
-			max-width: 900px;
+			padding: 20px;
+			padding-top: 100px;
+			max-width: 800px;
 			margin: 0;
 		}
 	}
@@ -148,7 +149,7 @@
 		h1 {
 			font-size: 2rem;
 			text-align: center;
-			margin: 0 -30px 0 -30px;
+			margin: 0;
 			padding: 12px;
 			border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 			box-sizing: border-box;