Move titlebar.

This commit is contained in:
Paul 2021-08-01 18:11:18 +01:00
parent 60d09ce747
commit 0c0dac598e
4 changed files with 55 additions and 51 deletions

View file

@ -10,6 +10,7 @@ import Notifications from "../context/revoltjs/Notifications";
import StateMonitor from "../context/revoltjs/StateMonitor"; import StateMonitor from "../context/revoltjs/StateMonitor";
import SyncManager from "../context/revoltjs/SyncManager"; import SyncManager from "../context/revoltjs/SyncManager";
import { Titlebar } from "../components/native/Titlebar";
import BottomNavigation from "../components/navigation/BottomNavigation"; import BottomNavigation from "../components/navigation/BottomNavigation";
import LeftSidebar from "../components/navigation/LeftSidebar"; import LeftSidebar from "../components/navigation/LeftSidebar";
import RightSidebar from "../components/navigation/RightSidebar"; import RightSidebar from "../components/navigation/RightSidebar";
@ -43,6 +44,9 @@ export default function App() {
return ( return (
<> <>
{window.isNative && !window.native.getConfig().frame && (
<Titlebar />
)}
<OverlappingPanels <OverlappingPanels
width="100vw" width="100vw"
height={ height={

View file

@ -8,8 +8,6 @@ import { CheckAuth } from "../context/revoltjs/CheckAuth";
import Masks from "../components/ui/Masks"; import Masks from "../components/ui/Masks";
import Preloader from "../components/ui/Preloader"; import Preloader from "../components/ui/Preloader";
import { Titlebar } from "../components/native/Titlebar";
const Login = lazy(() => import("./login/Login")); const Login = lazy(() => import("./login/Login"));
const RevoltApp = lazy(() => import("./RevoltApp")); const RevoltApp = lazy(() => import("./RevoltApp"));
@ -17,9 +15,6 @@ export function App() {
return ( return (
<Context> <Context>
<Masks /> <Masks />
{window.isNative && !window.native.getConfig().frame && (
<Titlebar />
)}
{/* {/*
// @ts-expect-error */} // @ts-expect-error */}
<Suspense fallback={<Preloader type="spinner" />}> <Suspense fallback={<Preloader type="spinner" />}>

View file

@ -1,5 +1,4 @@
import { Wrench } from "@styled-icons/boxicons-solid"; import { Wrench } from "@styled-icons/boxicons-solid";
import { observer } from "mobx-react-lite";
import { useContext } from "preact/hooks"; import { useContext } from "preact/hooks";

View file

@ -11,6 +11,7 @@ import { AppContext } from "../../context/revoltjs/RevoltClient";
import LocaleSelector from "../../components/common/LocaleSelector"; import LocaleSelector from "../../components/common/LocaleSelector";
import { Titlebar } from "../../components/native/Titlebar";
import { APP_VERSION } from "../../version"; import { APP_VERSION } from "../../version";
import background from "./background.jpg"; import background from "./background.jpg";
import { FormCreate } from "./forms/FormCreate"; import { FormCreate } from "./forms/FormCreate";
@ -23,6 +24,10 @@ export default function Login() {
const client = useContext(AppContext); const client = useContext(AppContext);
return ( return (
<>
{window.isNative && !window.native.getConfig().frame && (
<Titlebar />
)}
<div className={styles.login}> <div className={styles.login}>
<Helmet> <Helmet>
<meta name="theme-color" content={theme.background} /> <meta name="theme-color" content={theme.background} />
@ -70,5 +75,6 @@ export default function Login() {
style={{ background: `url('${background}')` }} style={{ background: `url('${background}')` }}
/> />
</div> </div>
</>
); );
} }