refactor: code refactor
This commit is contained in:
11
app/components/BlogWrapper.tsx
Normal file
11
app/components/BlogWrapper.tsx
Normal 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
9
app/components/Body.tsx
Normal 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>
|
||||
);
|
||||
}
|
11
app/components/LinkWrapper.tsx
Normal file
11
app/components/LinkWrapper.tsx
Normal 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>
|
||||
);
|
||||
}
|
9
app/components/Notbyai.tsx
Normal file
9
app/components/Notbyai.tsx
Normal 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>
|
||||
);
|
||||
}
|
@@ -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>
|
||||
);
|
||||
}
|
||||
|
Reference in New Issue
Block a user