some styles

package.json

@@ -24,7 +24,8 @@
     "react-syntax-highlighter": "latest",
     "rehype-raw": "latest",
     "remark-frontmatter": "latest",
-    "remark-gfm": "latest"
+    "remark-gfm": "latest",
+    "tailwind-scrollbar": "latest"
   },
   "devDependencies": {
     "typescript": "latest",

src/app/c/[...slug]/page.tsx

@@ -71,7 +71,7 @@ export default function Content({ params }: Props) {
         },
         a({ href, children, className }) {
           return (
-            <Link className={className || ""} aria-label={href} href={href!} target="_blank">{children}</Link>
+            <Link className={className || ""} aria-label={getText(children)} href={href!} target="_blank">{children}</Link>
           )
         },
         pre({ children, className }) {

src/app/components/cases.tsx

@@ -2,9 +2,9 @@ import Link from "next/link";
 import { getCases } from "$lib/content";
 
 const Cases = () =>
-  <div className="p-20 w-full lg:w-3/4 mx-auto flex flex-col gap-4">
+  <div className="p-20 w-full h-full flex flex-col gap-4 overflow-y-scroll">
     {getCases().filter(c => !c.data.draft).sort((a, b) => Number(b.data.z) - Number(a.data.z)).map((c) => c.data).map((d) =>
-      <div key={d.slug} className="w-full h-max flex justify-center rounded-lg border-2">
+      <div key={d.slug} className="w-full lg:w-3/4 mx-auto h-max flex justify-center rounded-lg border-2">
         <div className="gradient w-full">
           <Link className="btn flex flex-col w-full text-center" href={d.slug}>
             <span className="text-lg px-6">{d.title}</span>

src/app/components/copy-button.tsx

@@ -12,6 +12,7 @@ const CopyButton = ({ text }: Props) => {
   return (
     <button
       className="absolute top-5 right-5"
+      aria-label="copy"
       onClick={() => {
         navigator.clipboard.writeText(text)
         setVisible("visible")

src/app/globals.css

@@ -14,8 +14,12 @@
   }
 }
 
+html * {
+  @apply scrollbar scrollbar-thin scrollbar-thumb-sky-400
+}
+
 body {
-  @apply gradient text-slate-50 w-screen h-screen
+  @apply gradient text-slate-50 w-screen h-screen overflow-hidden
 }
 
 main {

tailwind.config.ts

@@ -6,6 +6,8 @@ const config: Config = {
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
-  plugins: [],
+  plugins: [
+    require("tailwind-scrollbar")
+  ],
 }
 export default config