Merge pull request #29 from Han5991/mobile

fix(blog): 스타일 속성 및 불필요한 주석 조정

Author: Han5991

apps/blog/web/panda.config.ts

@@ -2,11 +2,9 @@ import { defineConfig } from '@pandacss/dev';
 
 export default defineConfig({
   presets: ['@pandacss/dev/presets', '@design-system/ui/preset'],
-  // Whether to use css reset
   preflight: true,
   lightningcss: true,
 
-  // Where to look for your css declarations
   include: [
     './src/**/*.{js,jsx,ts,tsx}',
     './node_modules/@design-system/ui/src/**/*.{js,jsx,ts,tsx}',

apps/blog/web/src/app/posts/[...slug]/PostClient.tsx

@@ -282,6 +282,8 @@ export default function PostClient({ post }: { post: PostData }) {
             borderBottomColor: 'blue.200',
             transition: 'all 0.2s',
             fontWeight: '600',
+            wordBreak: 'break-all',
+            overflowWrap: 'break-word',
             _hover: {
               color: 'blue.700',
               borderBottomColor: 'blue.600',

apps/blog/web/src/components/GiscusComments.tsx

@@ -14,21 +14,19 @@ export default function GiscusComments() {
   }
 
   return (
-    <div className={css({ mt: '16', mb: '10' })}>
-      <Giscus
-        id="comments"
-        repo={repo as `${string}/${string}`}
-        repoId={repoId}
-        category={category}
-        categoryId={categoryId}
-        mapping="pathname"
-        reactionsEnabled="1"
-        emitMetadata="0"
-        inputPosition="top"
-        theme="preferred_color_scheme"
-        lang="ko"
-        loading="lazy"
-      />
-    </div>
+    <Giscus
+      id="comments"
+      repo={repo as `${string}/${string}`}
+      repoId={repoId}
+      category={category}
+      categoryId={categoryId}
+      mapping="pathname"
+      reactionsEnabled="1"
+      emitMetadata="0"
+      inputPosition="top"
+      theme="preferred_color_scheme"
+      lang="ko"
+      loading="lazy"
+    />
   );
 }