Improved code block

2026-05-11 07:46:44 +02:00
parent b8c7b6e3ea
commit 78ef529be0
1 changed files with 4 additions and 2 deletions
@@ -151,10 +151,12 @@ export default function HomePage() {
  return (
    <div className="flex w-full flex-col md:flex-row">
      <div className="order-1 md:order-2 w-full md:w-[40vw] md:h-svh sticky top-20 md:top-0 flex items-center justify-center z-10 bg-background pb-4 md:pb-0">
-        <div className="w-max h-auto border border-fd-border p-5 rounded-xl min-h-24">
+        <div className="md:w-full md:pl-14 overflow-hidden">
+          <div className="w-max h-auto border border-fd-border p-5 rounded-xl min-h-24 backdrop-blur bg-black/20">
            <MorphCode code={currentText} />
          </div>
        </div>
+      </div>

      <div className="flex-1 order-2 md:order-1">
        <div className="-mt-30 md:mt-0">