mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-25 04:58:12 +08:00
Keavon Chambersand0hypercube
a6ca43bb2d
* Restore ESLint and Prettier autoformatting * Fix formatting and lints in web files * Hacky fix to eslint crash * Fix remaining lints * Add lint-fix script --------- Co-authored-by: 0hypercube <0hypercube@gmail.com>
69 lines
1.8 KiB
Svelte
69 lines
1.8 KiB
Svelte
<script lang="ts" context="module">
|
|
export type Platform = "Windows" | "Mac" | "Linux" | "Web";
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import { getContext } from "svelte";
|
|
|
|
import type { PortfolioState } from "@graphite/state-providers/portfolio";
|
|
|
|
import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
|
|
import MenuBarInput from "@graphite/components/widgets/inputs/MenuBarInput.svelte";
|
|
import WindowButtonsMac from "@graphite/components/window/title-bar/WindowButtonsMac.svelte";
|
|
import WindowButtonsWeb from "@graphite/components/window/title-bar/WindowButtonsWeb.svelte";
|
|
import WindowButtonsWindows from "@graphite/components/window/title-bar/WindowButtonsWindows.svelte";
|
|
import WindowTitle from "@graphite/components/window/title-bar/WindowTitle.svelte";
|
|
|
|
export let platform: Platform;
|
|
export let maximized: boolean;
|
|
|
|
const portfolio = getContext<PortfolioState>("portfolio");
|
|
|
|
$: docIndex = $portfolio.activeDocumentIndex;
|
|
$: displayName = $portfolio.documents[docIndex]?.displayName || "";
|
|
$: windowTitle = `${displayName}${displayName && " - "}Graphite`;
|
|
</script>
|
|
|
|
<LayoutRow class="title-bar">
|
|
<LayoutRow class="header-part">
|
|
{#if platform === "Mac"}
|
|
<WindowButtonsMac {maximized} />
|
|
{:else}
|
|
<MenuBarInput />
|
|
{/if}
|
|
</LayoutRow>
|
|
<LayoutRow class="header-part">
|
|
<WindowTitle text={windowTitle} />
|
|
</LayoutRow>
|
|
<LayoutRow class="header-part">
|
|
{#if platform === "Windows" || platform === "Linux"}
|
|
<WindowButtonsWindows {maximized} />
|
|
{:else if platform === "Web"}
|
|
<WindowButtonsWeb />
|
|
{/if}
|
|
</LayoutRow>
|
|
</LayoutRow>
|
|
|
|
<style lang="scss" global>
|
|
.title-bar {
|
|
height: 28px;
|
|
flex: 0 0 auto;
|
|
|
|
.header-part {
|
|
flex: 1 1 100%;
|
|
|
|
&:nth-child(1) {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
&:nth-child(2) {
|
|
justify-content: center;
|
|
}
|
|
|
|
&:nth-child(3) {
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
}
|
|
</style>
|