diff --git a/src/components/apps/text-editor/TextEditor.jsx b/src/components/apps/text-editor/TextEditor.jsx index 8271dc9..4ae8776 100644 --- a/src/components/apps/text-editor/TextEditor.jsx +++ b/src/components/apps/text-editor/TextEditor.jsx @@ -171,6 +171,8 @@ export function TextEditor({ file, setTitle, setIconUrl, close, mode, app, modal "Zoom In": ["Control", "+"], "Zoom Out": ["Control", "-"], "Reset Zoom": ["Control", "0"], + "Edit mode": ["Control v"], + "Preview mode": ["Control v"], } }} /> diff --git a/src/components/modals/share/Share.jsx b/src/components/modals/share/Share.jsx index e555b8f..7269206 100644 --- a/src/components/modals/share/Share.jsx +++ b/src/components/modals/share/Share.jsx @@ -7,6 +7,9 @@ import AppsManager from "../../../features/apps/appsManager.js"; import utilStyles from "../../../styles/utils.module.css"; import { Button } from "../../_utils/button/Button.jsx"; import Option from "./Option.jsx"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faSquare } from "@fortawesome/free-regular-svg-icons"; +import { faSquareCheck } from "@fortawesome/free-solid-svg-icons"; const APP_OPTIONS = { "terminal": [ @@ -94,10 +97,16 @@ export function Share({ modal, params, ...props }) { )} - + {appId !== "" ? Fullscreen: - + + {fullscreen + ? + : + } + + : null} {APP_OPTIONS[appId]?.map(({ label, name }) => )} diff --git a/src/components/modals/share/Share.module.css b/src/components/modals/share/Share.module.css index 3a181b6..670ff12 100644 --- a/src/components/modals/share/Share.module.css +++ b/src/components/modals/share/Share.module.css @@ -74,8 +74,27 @@ select.Input > * { } .Input[type=checkbox] { - background-color: var(--background-color-b); - outline: none; + display: none; +} + +.Checkbox { + display: flex; + justify-content: center; + align-items: center; + width: 1.25rem; + height: 1.25rem; + cursor: pointer; +} + +.Checkbox > svg { + width: 100%; + height: 100%; + object-fit: contain; + fill: var(--foreground-color-a); +} + +.Checkbox > svg > * { + fill: inherit; } .Url { diff --git a/src/components/windows/WindowView.jsx b/src/components/windows/WindowView.jsx index 971a412..bade872 100644 --- a/src/components/windows/WindowView.jsx +++ b/src/components/windows/WindowView.jsx @@ -73,7 +73,7 @@ export const WindowView = memo(({ id, app, size, position, onInteract, options, close(); }}/> - { + { openWindowedModal({ appId: app.id, fullscreen: maximized, diff --git a/src/hooks/_utils/keyboard.js b/src/hooks/_utils/keyboard.js index e26aa90..1696e03 100644 --- a/src/hooks/_utils/keyboard.js +++ b/src/hooks/_utils/keyboard.js @@ -48,6 +48,7 @@ export function useShortcuts({ options, shortcuts, useCategories = true }) { continue; event.preventDefault(); + event.stopPropagation(); if (!shortcut.includes(event.key) || !allowExecution) continue;
Fullscreen: