-
@@ -183,15 +183,10 @@ import { Code } from '@astrojs/starlight/components';
return isMobileUA || (isSmallScreen && hasTouch);
}
- function setActiveEnvironment(activeBtn) {
- [localBtn, testBtn, prodBtn].forEach((btn) => {
- btn.setAttribute('aria-pressed', (btn === activeBtn).toString());
- btn.classList.toggle('active', btn === activeBtn);
- });
- }
-
localBtn.addEventListener('click', () => {
- setActiveEnvironment(localBtn);
+ localBtn.classList.add('active');
+ testBtn.classList.remove('active');
+ prodBtn.classList.remove('active');
container.classList.remove('test-active', 'prod-active');
container.classList.add('local-active');
localSubtitle.classList.add('local-active');
@@ -201,7 +196,9 @@ import { Code } from '@astrojs/starlight/components';
});
testBtn.addEventListener('click', () => {
- setActiveEnvironment(testBtn);
+ testBtn.classList.add('active');
+ localBtn.classList.remove('active');
+ prodBtn.classList.remove('active');
container.classList.remove('local-active', 'prod-active');
container.classList.add('test-active');
testSubtitle.classList.add('test-active');
@@ -211,7 +208,9 @@ import { Code } from '@astrojs/starlight/components';
});
prodBtn.addEventListener('click', () => {
- setActiveEnvironment(prodBtn);
+ prodBtn.classList.add('active');
+ localBtn.classList.remove('active');
+ testBtn.classList.remove('active');
container.classList.remove('local-active', 'test-active');
container.classList.add('prod-active');
prodSubtitle.classList.add('prod-active');
diff --git a/src/frontend/src/components/TerminalShowcase.astro b/src/frontend/src/components/TerminalShowcase.astro
index 7cf2c475d..8902628e1 100644
--- a/src/frontend/src/components/TerminalShowcase.astro
+++ b/src/frontend/src/components/TerminalShowcase.astro
@@ -47,7 +47,7 @@ const { title, highlight, description, cast, poster = 'npt:0:03', rows = 12, cta
Terminal