diff --git a/web/src/components/sidebar/Sidebar.svelte b/web/src/components/sidebar/Sidebar.svelte
index f7b97a0a..df03e6ea 100644
--- a/web/src/components/sidebar/Sidebar.svelte
+++ b/web/src/components/sidebar/Sidebar.svelte
@@ -32,7 +32,7 @@
-
+
diff --git a/web/src/components/sidebar/SidebarTab.svelte b/web/src/components/sidebar/SidebarTab.svelte
index 4ffde52c..89e11e5b 100644
--- a/web/src/components/sidebar/SidebarTab.svelte
+++ b/web/src/components/sidebar/SidebarTab.svelte
@@ -5,6 +5,7 @@
export let tabName: string;
export let tabLink: string;
+ export let beta = false;
const firstTabPage = ["save", "remux", "settings"];
@@ -44,6 +45,9 @@
role="tab"
aria-selected={isTabActive}
>
+ {#if beta}
+ β
+ {/if}
{$t(`tabs.${tabName}`)}
@@ -97,6 +101,12 @@
transform: none;
}
+ .beta-sign {
+ position: absolute;
+ transform: translateX(16px) translateY(-6px);
+ opacity: 0.7;
+ }
+
@keyframes pressButton {
0% {
transform: scale(0.95);