Fix: design

Author: SOL1archive

package.json

@@ -12,7 +12,6 @@
     "date-fns": "^2.30.0",
     "framer-motion": "^10.18.0",
     "gray-matter": "^4.0.3",
-    "gray-matter": "^4.0.3",
     "katex": "^0.16.10",
     "lucide-react": "^0.290.0",
     "next": "14.2.3",

src/app/[...slug]/page.module.css

@@ -62,8 +62,8 @@
     font-size: 1.1rem;
     line-height: 1.7;
     color: var(--foreground);
-    max-width: 68ch;
-    /* Narrows the reading area */
+    max-width: 58ch;
+    /* Narrower reading area */
     margin: 0 auto;
     /* Centers the content block */
 }

src/components/Intro.module.css

@@ -34,22 +34,21 @@
     justify-content: center;
 }
 
-.link {
+.iconLink {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
+    justify-content: center;
+    width: 48px;
+    height: 48px;
     color: var(--foreground);
     opacity: 0.7;
-    font-size: 0.95rem;
-    font-weight: 500;
     transition: all 0.2s;
-    padding: 0.5rem 1rem;
-    border-radius: 999px;
+    border-radius: 50%;
     background: var(--glass-bg);
     border: 1px solid var(--glass-border);
 }
 
-.link:hover {
+.iconLink:hover {
     opacity: 1;
     transform: translateY(-2px);
     background: rgba(255, 255, 255, 0.8);

src/components/Intro.tsx

@@ -19,7 +19,7 @@ export default function Intro() {
                     <Linkedin size={24} />
                 </a>
                 <a href="/cv/Subin_Park_CV.pdf" target="_blank" rel="noopener noreferrer" className={styles.iconLink} aria-label="CV">
-                    <FileText size={24} />
+                    <span style={{ fontWeight: 600, fontSize: '0.9rem' }}>CV</span>
                 </a>
                 <a href="mailto:subinpark@yonsei.ac.kr" className={styles.iconLink} aria-label="Email">
                     <Mail size={24} />