some styles
This commit is contained in:
parent
295f4f115c
commit
92e2139415
@ -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",
|
||||
|
@ -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 }) {
|
||||
|
@ -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>
|
||||
|
@ -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")
|
||||
|
@ -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 {
|
||||
|
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user