fix: text color on some pages

chore: add compression for lighthouse, meta tags
feat: near perfect lighthouse scores????
This commit is contained in:
incognitotgt 2024-01-30 22:48:26 -05:00
parent 9593a0e46b
commit ef06e6e6a3
5 changed files with 11 additions and 7 deletions

View file

@ -77,6 +77,9 @@ const serverFactory = (handler, opts) => {
const app = fastify({ logger: true, serverFactory }); const app = fastify({ logger: true, serverFactory });
app.register(cookieParser); app.register(cookieParser);
await app.register(
import("@fastify/compress")
);
// Uncomment if you wish to add masqr. // Uncomment if you wish to add masqr.
/* app.addHook("preHandler", async (req, reply) => { /* app.addHook("preHandler", async (req, reply) => {

View file

@ -11,7 +11,8 @@ const theme = localStorage.getItem("theme") || "main";
export default function App() { export default function App() {
return ( return (
<div> <div>
<Meta /> {window.location.origin === "https://nebulaproxy.io" && <Meta />}
{/* {window.location.origin === "http://localhost:8080" && <Meta />} */}
<Helmet> <Helmet>
<link rel="stylesheet" href={"/themes/" + theme + ".css"}></link> <link rel="stylesheet" href={"/themes/" + theme + ".css"}></link>
<link rel="stylesheet" href="/themes/main.css"></link> <link rel="stylesheet" href="/themes/main.css"></link>

View file

@ -157,7 +157,7 @@ export function Home() {
} }
> >
<div <div
className={`font-roboto w-110 flex h-10 flex-none shrink-0 items-center justify-center border border-input-border-color bg-input p-2 text-xl hover:bg-dropdown-option-hover-color ${ className={`font-roboto w-110 flex h-10 flex-none shrink-0 items-center text-input-text justify-center border border-input-border-color bg-input p-2 text-xl hover:bg-dropdown-option-hover-color ${
index === suggestions.length - 1 ? "rounded-b-2xl" : "" index === suggestions.length - 1 ? "rounded-b-2xl" : ""
}`} }`}
key={index} key={index}

View file

@ -72,10 +72,10 @@ function BareInput(props: BareInputProps) {
} }
}} }}
id="input" id="input"
className="font-roboto flex h-14 w-56 flex-row rounded-2xl border border-input-border-color bg-input p-4 text-center text-xl" className="font-roboto flex h-14 w-56 flex-row rounded-2xl border border-input-border-color bg-input p-4 text-center text-xl text-input-text"
/> />
<div <div
className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg" className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row text-input-text items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg"
onClick={handleChange} onClick={handleChange}
> >
{t("settings.bare.select")} {t("settings.bare.select")}

View file

@ -116,17 +116,17 @@ function ProxyInput(props: BareInputProps) {
} }
}} }}
id="pinput" id="pinput"
className="font-roboto flex h-14 w-56 flex-row rounded-2xl border border-input-border-color bg-input p-4 text-center text-sm" className="font-roboto flex h-14 w-56 flex-row rounded-2xl border text-input-text border-input-border-color bg-input p-4 text-center text-sm"
/> />
<div class="flex flex-row gap-4"> <div class="flex flex-row gap-4">
<div <div
className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg" className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row text-input-text items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg"
onClick={handleChange} onClick={handleChange}
> >
{t("settings.bare.select")} {t("settings.bare.select")}
</div> </div>
<div <div
className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg" className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row items-center text-input-text justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg"
onClick={resetProxy} onClick={resetProxy}
> >
{t("settings.httpProxy.reset")} {t("settings.httpProxy.reset")}