chore: styles

Author: kamiya10

src/components/ApiEndpoint/index.tsx

@@ -22,8 +22,8 @@ export default function ApiEndpoint({ method, title, path, to }: ApiEndpointProp
     <a href={to} className={styles.noUnderline}>
       <div className={styles.apiEndpoint}>
         { methods[method] }
-        <div className={styles.title}>
-          <span>{title}</span>
+        <div className={styles.content}>
+          <span className={styles.title}>{title}</span>
           <span className={styles.path}>{path}</span>
         </div>
       </div>

src/components/ApiEndpoint/styles.module.css

@@ -51,15 +51,18 @@
   background-color: hotpink;
 }
 
-.title {
+.content {
   display: flex;
   align-items: center;
   gap: 8px;
 }
 
+.title {
+  font-weight: bold;
+}
+
 .path {
   font-family: "Fira Code", Consolas, monospace;
-  color: #fff;
   font-size: smaller;
   opacity: 0.6;
 }

src/components/ApiEndpointPath/styles.module.css

@@ -42,7 +42,7 @@
 }
 
 .baseUrl {
-  opacity: 0.4;
+  opacity: 0.6;
   font-size: smaller;
 }