diff --git a/web/i18n/en/tabs.json b/web/i18n/en/tabs.json index 3cab9cc0..a3d39be0 100644 --- a/web/i18n/en/tabs.json +++ b/web/i18n/en/tabs.json @@ -4,5 +4,7 @@ "updates": "updates", "donate": "donate", "about": "about", - "remux": "remux" + "remux": "remux", + "shrink": "shrink", + "convert": "convert" } diff --git a/web/src/components/sidebar/Sidebar.svelte b/web/src/components/sidebar/Sidebar.svelte index cd886bb8..247ae700 100644 --- a/web/src/components/sidebar/Sidebar.svelte +++ b/web/src/components/sidebar/Sidebar.svelte @@ -11,7 +11,10 @@ import IconComet from "@tabler/icons-svelte/IconComet.svelte"; import IconHeart from "@tabler/icons-svelte/IconHeart.svelte"; + import IconTransform from "@tabler/icons-svelte/IconTransform.svelte"; import IconInfoCircle from "@tabler/icons-svelte/IconInfoCircle.svelte"; + import IconArrowsMinimize from "@tabler/icons-svelte/IconArrowsMinimize.svelte"; + import { defaultSettingsPage } from "$lib/settings/defaults"; let screenWidth: number; @@ -29,6 +32,12 @@ + + + + + + diff --git a/web/src/components/sidebar/SidebarTab.svelte b/web/src/components/sidebar/SidebarTab.svelte index fe758210..d7706070 100644 --- a/web/src/components/sidebar/SidebarTab.svelte +++ b/web/src/components/sidebar/SidebarTab.svelte @@ -6,7 +6,7 @@ export let tabName: string; export let tabLink: string; - const firstTabPage = ["save", "remux", "settings"]; + const firstTabPage = ["save", "convert", "shrink", "remux"]; let tab: HTMLElement; diff --git a/web/src/routes/convert/+page.svelte b/web/src/routes/convert/+page.svelte new file mode 100644 index 00000000..e69de29b diff --git a/web/src/routes/shrink/+page.svelte b/web/src/routes/shrink/+page.svelte new file mode 100644 index 00000000..e69de29b