diff --git a/frontend/app/tab/tabbar.less b/frontend/app/tab/tabbar.less index 220796686..2a2f398c7 100644 --- a/frontend/app/tab/tabbar.less +++ b/frontend/app/tab/tabbar.less @@ -29,7 +29,6 @@ } .dev-label { - width: 26x; height: 100%; font-size: 26px; user-select: none; @@ -40,6 +39,21 @@ color: var(--accent-color); } + .prod-label { + font-size: 26px; + width: 1.25em; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + + img { + height: 26px; + width: 26px; + margin-top: 4px; + } + } + .add-tab-btn { width: 22px; height: 100%; diff --git a/frontend/app/tab/tabbar.tsx b/frontend/app/tab/tabbar.tsx index 47991ea42..0b7a1c39b 100644 --- a/frontend/app/tab/tabbar.tsx +++ b/frontend/app/tab/tabbar.tsx @@ -485,13 +485,19 @@ const TabBar = React.memo(({ workspace }: TabBarProps) => { }; const tabsWrapperWidth = tabIds.length * tabWidthRef.current; - let devLabel: React.ReactNode = null; + let waveLabel: React.ReactNode = null; if (isDev()) { - devLabel = ( + waveLabel = (
); + } else { + waveLabel = ( +
+ +
+ ); } function onUpdateAvailableClick() { @@ -510,7 +516,7 @@ const TabBar = React.memo(({ workspace }: TabBarProps) => { return (
- {devLabel} + {waveLabel}
{tabIds.map((tabId, index) => { diff --git a/public/logos/wave-dark.png b/public/logos/wave-dark.png new file mode 100644 index 000000000..552cf00b1 Binary files /dev/null and b/public/logos/wave-dark.png differ diff --git a/public/logos/wave-logo-dark.png b/public/logos/wave-logo-dark.png new file mode 100644 index 000000000..c40e57904 Binary files /dev/null and b/public/logos/wave-logo-dark.png differ diff --git a/public/logos/wave-logo.png b/public/logos/wave-logo.png new file mode 100644 index 000000000..a10809fb0 Binary files /dev/null and b/public/logos/wave-logo.png differ