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);