diff options
| author | Nick Tchayka <nick@booster.cloud> | 2023-09-05 13:20:16 +0100 |
|---|---|---|
| committer | Nick Tchayka <nick@booster.cloud> | 2023-09-05 13:20:16 +0100 |
| commit | fb6896019a999e939dd7f12196722e55bf852e1b (patch) | |
| tree | 7aa05fecdd42fc35648ab8121c1c6267086dab6b /src/components/CodeFrame.tsx | |
| parent | 9223e88e748c8155a2313d545b07938c4787b229 (diff) | |
| download | neohaskell.github.io-fb6896019a999e939dd7f12196722e55bf852e1b.tar.gz neohaskell.github.io-fb6896019a999e939dd7f12196722e55bf852e1b.tar.bz2 neohaskell.github.io-fb6896019a999e939dd7f12196722e55bf852e1b.zip | |
Add features
Diffstat (limited to 'src/components/CodeFrame.tsx')
| -rw-r--r-- | src/components/CodeFrame.tsx | 15 |
1 files changed, 4 insertions, 11 deletions
diff --git a/src/components/CodeFrame.tsx b/src/components/CodeFrame.tsx index 957eb5b..22cff25 100644 --- a/src/components/CodeFrame.tsx +++ b/src/components/CodeFrame.tsx @@ -19,18 +19,11 @@ const widthClasses = { "1/3": "w-1/3", }; -const dimensionClasses = ["border-4"]; +const dimensionClasses = ["border-4", "flex", "flex-row", "items-center"]; -const lightModeClasses = ["bg-white", "text-black", "border-black"]; +const lightModeClasses = ["bg-codeBg", "text-black", "border-black"]; -const darkModeClasses = [ - "bg-slate-950", - "text-white", - "border-white", - "shadow-neowhite", -].map((className) => `dark:${className}`); - -const classes = [...dimensionClasses, ...lightModeClasses, ...darkModeClasses]; +const classes = [...dimensionClasses, ...lightModeClasses]; const Frame = ({ rainbow, @@ -47,7 +40,7 @@ const Frame = ({ return ( <div className={cls}> <CodeBlock - className="!rounded-none h-full" + className="!rounded-none !mb-0 px-4 py-2" language={language} title={title} > |