diff --git a/src/AboutBlank.tsx b/src/AboutBlank.tsx index 35e8461..d01c5b2 100644 --- a/src/AboutBlank.tsx +++ b/src/AboutBlank.tsx @@ -8,6 +8,13 @@ export function AboutBlank(props: { url: string }) { iframe.style.height = "100%"; iframe.style.border = "none"; iframe.style.overflow = "hidden"; + iframe.style.margin = "0"; + iframe.style.padding = "0"; + iframe.style.position = "fixed"; + iframe.style.top = "0"; + iframe.style.bottom = "0"; + iframe.style.left = "0"; + iframe.style.right = "0"; newWindow.document.body.appendChild(iframe); window.location.replace("https://google.com"); return ( diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 60558da..fcad4b9 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -28,7 +28,7 @@ export function Header() { className="h-full w-full transition-all duration-1000 hover:rotate-[360deg]" /> -

+

{t("header.title")}

@@ -91,7 +91,7 @@ export function Header() { >
setIsActive(false)} >
diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx index 453d56d..729c51d 100644 --- a/src/components/iframe/IframeHeader.tsx +++ b/src/components/iframe/IframeHeader.tsx @@ -39,7 +39,7 @@ export function IframeHeader(props: { url: string }) { className="h-16 w-16 transition-all duration-1000 hover:rotate-[360deg]" alt="Nebula Logo" > -

+

{" "} {t("header.title")}{" "}

@@ -98,10 +98,10 @@ export function IframeHeader(props: { url: string }) { script.onload = function () { if (!proxyWindow) return; proxyWindow.eruda.init({ - defaults: { - displaySize: 45, - theme: 'Material Palenight' - } + defaults: { + displaySize: 45, + theme: "Material Palenight" + } }); proxyWindow.eruda.show(); }; diff --git a/src/locales/en.json b/src/locales/en.json index a47c5eb..86a9228 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -46,7 +46,8 @@ }, "cloaking": { "title": "Cloaking", - "subtitle": "Choose how your tab looks" + "subtitle": "Choose how your tab looks", + "aboutblank": "Open in about:blank" }, "search": { "title": "Search Engine", diff --git a/src/locales/es.json b/src/locales/es.json index 220347a..83a8aea 100644 --- a/src/locales/es.json +++ b/src/locales/es.json @@ -46,7 +46,8 @@ }, "cloaking": { "title": "Encubrimiento", - "subtitle": "Elige cómo se ve tu pestaña" + "subtitle": "Elige cómo se ve tu pestaña", + "aboutblank": "Abierte en about:blank" }, "search": { "title": "Buscador", diff --git a/src/locales/ja.json b/src/locales/ja.json index 5c14590..c6def28 100644 --- a/src/locales/ja.json +++ b/src/locales/ja.json @@ -46,7 +46,8 @@ }, "cloaking": { "title": "クローキング", - "subtitle": "タブの見た目を選択する" + "subtitle": "タブの見た目を選択する", + "aboutblank": "で開く about:blank" }, "search": { "title": "検索エンジン", diff --git a/src/pages/Settings/TabSettings.tsx b/src/pages/Settings/TabSettings.tsx index 31355e5..35d55ad 100644 --- a/src/pages/Settings/TabSettings.tsx +++ b/src/pages/Settings/TabSettings.tsx @@ -2,6 +2,7 @@ import { motion } from "framer-motion"; import { tabContentVariant, settingsPageVariant } from "./Variants"; import CloakPreset from "./CloakPreset"; import { useTranslation } from "react-i18next"; +import { LoadSuspense } from "../../LoadSuspense"; const TabSettings = ({ id, active }) => { const { t } = useTranslation(); @@ -19,8 +20,12 @@ const TabSettings = ({ id, active }) => { variants={settingsPageVariant} className="content-card flex w-full flex-col items-center justify-center text-center" > -
{t("settings.cloaking.title")}
-
{t("settings.cloaking.subtitle")}
+
+ {t("settings.cloaking.title")} +
+
+ {t("settings.cloaking.subtitle")} +
{ title="Schoology" />
+
+ +
);