gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-11 08:14:39 +01:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

chore(mobile/tab_switcher): create empty modal

Browse Source
This commit is contained in:
Elian Doran 2026-01-31 15:59:38 +02:00
parent a45fb975c0
commit 3a9b448a83
No known key found for this signature in database
2 changed files with 34 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/client/src/widgets/mobile_widgets/TabSwitcher.css Normal file
View File

@ -0,0 +1,6 @@
.modal.tab-bar-modal {
.modal-dialog {
max-height: unset;
height: 95vh;
}
}

31
apps/client/src/widgets/mobile_widgets/TabSwitcher.tsx
View File

@ -1,15 +1,40 @@
import "./TabSwitcher.css";
import { createPortal } from "preact/compat";
import { useState } from "preact/hooks";
import { LaunchBarActionButton } from "../launch_bar/launch_bar_widgets";
import Modal from "../react/Modal";
export default function TabSwitcher() {
const [ shown, setShown ] = useState(false);
return (
<>
<LaunchBarActionButton
icon="bx bx-rectangle"
text="Tabs"
onClick={() => {
}}
onClick={() => setShown(true)}
/>
{createPortal(<TabBarModal shown={shown} setShown={setShown} />, document.body)}
</>
);
}
function TabBarModal({ shown, setShown }: {
shown: boolean;
setShown: (newValue: boolean) => void;
}) {
return (
<Modal
className="tab-bar-modal"
size="xl"
title="Tabs"
show={shown}
onHidden={() => setShown(false)}
>
Hi
</Modal>
);
}