Merge pull request #83 from /issues/82-fix-userIcon

fix: userのiconのサイズを調整した
SystemEngineeringTeam · Nov 25, 2024 · 7924aba · 7924aba
2 parents 2f947c0 + 028c11e
commit 7924aba
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/app/(use-header)/codes/_components/view/Page/Card.module.scss b/src/app/(use-header)/codes/_components/view/Page/Card.module.scss
@@ -83,7 +83,7 @@
       font-size: $font-size-sm;
     }
 
-    img {
+    .icon {
       width: 24px;
       height: 24px;
     }

diff --git a/src/components/CodeArea/index.module.scss b/src/components/CodeArea/index.module.scss
@@ -0,0 +1,3 @@
+.codeArea {
+  padding: min(12px, 2%) min(18px, 3%) !important;
+}
diff --git a/src/components/CodeArea/index.tsx b/src/components/CodeArea/index.tsx
@@ -1,5 +1,6 @@
 import { Prism } from 'react-syntax-highlighter';
 import { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import styles from './index.module.scss';
 
 interface Props {
   language: string;
@@ -8,7 +9,7 @@ interface Props {
 
 export default function CodeArea({ language, code }: Props) {
   return (
-    <Prism language={language} PreTag="div" style={oneLight}>
+    <Prism className={styles.codeArea} language={language} PreTag="div" style={oneLight}>
       {code.replace(/\n$/, '')}
     </Prism>
   );
-Original file line number
+Diff line change
@@ Expand Up / @@ -83,7 +83,7 @@ @@
           font-size: $font-size-sm;
         }
-        img {
+        .icon {
           width: 24px;
           height: 24px;
         }
@@ Expand Down @@