refactor: code refactor

This commit is contained in:
Andrea
2023-05-17 14:31:02 +02:00
parent 0df503c3f5
commit 8222a4dfb2
16 changed files with 1738 additions and 1282 deletions

View File

@@ -0,0 +1,11 @@
export function BlogWrapper({ children }: React.PropsWithChildren) {
return (
<div className="mx-3 mt-5">
<div className="w-full">
<div className="flex flex-col items-center">
<div className="w-5/6 xl:w-1/2 2xl:w-1/3">{children}</div>
</div>
</div>
</div>
);
}

9
app/components/Body.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React from "react";
export function Body({ children }: React.PropsWithChildren) {
return (
<body className="bg-[#202020] text-[#d6d6d6] font-['monospace']">
{children}
</body>
);
}

View File

@@ -0,0 +1,11 @@
import type React from "react";
export function LinkWrapper({ children }: React.PropsWithChildren) {
return (
<div className="flex flex-col items-center">
<div className="mt-5 mx-3 hover:text-[#e6c2bf] font-bold text-2xl">
{children}
</div>
</div>
);
}

View File

@@ -0,0 +1,9 @@
export function Notbyai() {
return (
<div className="fixed m-3 bottom-0 left-0">
<a href="https://notbyai.fyi/" target="_blank">
<img src="https://user-images.githubusercontent.com/62137266/225653923-a69103f5-b318-4e52-9ea1-95b61d388366.svg" />
</a>
</div>
);
}

View File

@@ -1,7 +1,9 @@
export function Title({ children }: React.PropsWithChildren) {
return (
<div className="mt-5 mx-5 lg:mx-0 text-xl sm:text-3xl text-[#ffff00] font-bold">
<span>{children}</span>
<div className="mt-5 mx-3 w-full flex flex-col items-center">
<div className="text-[#ffff00] font-bold text-2xl">
<span>{children}</span>
</div>
</div>
);
}