diff --git a/studio/src/pages/IdentityPool.tsx b/studio/src/pages/IdentityPool.tsx index 77c8a3d5..2362d38c 100644 --- a/studio/src/pages/IdentityPool.tsx +++ b/studio/src/pages/IdentityPool.tsx @@ -763,11 +763,6 @@ export function IdentityPool(): ReactElement { return ( -
- ← Studio - Identity Pool -
- Identity setSelectedId(e.target.value)}> diff --git a/studio/src/pages/Services.tsx b/studio/src/pages/Services.tsx index 0adb7626..36d014ac 100644 --- a/studio/src/pages/Services.tsx +++ b/studio/src/pages/Services.tsx @@ -1,5 +1,4 @@ import { ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react'; -import { Link } from 'react-router-dom'; import styled from 'styled-components'; import { useImageLibrary } from '../hooks/useImageLibrary'; import { theme } from '../theme'; @@ -88,14 +87,15 @@ const AUTO_REPAIR_DELAY_MS = 20_000; // ─── Layout ────────────────────────────────────────────────────────────────── const Page = styled.div` - min-height: 100vh; + height: 100%; background: ${theme.colors.bg}; color: ${theme.colors.text}; display: flex; flex-direction: column; + overflow-y: auto; `; -const TopBar = styled.header` +const TopBar = styled.div` display: flex; align-items: center; gap: ${theme.spacing.xl}; @@ -107,24 +107,6 @@ const TopBar = styled.header` z-index: 10; `; -const BackLink = styled(Link)` - color: ${theme.colors.textMuted}; - text-decoration: none; - font-size: ${theme.font.size.sm}; - display: flex; - align-items: center; - gap: ${theme.spacing.xs}; - transition: ${theme.transition}; - &:hover { color: ${theme.colors.text}; } -`; - -const Title = styled.h1` - font-size: ${theme.font.size.xxl}; - font-weight: ${theme.font.weight.bold}; - margin: 0; - letter-spacing: -0.02em; -`; - const ManageBadge = styled.div<{ $online: boolean }>` font-size: ${theme.font.size.xs}; padding: 2px ${theme.spacing.xs}; @@ -924,8 +906,6 @@ export function Services(): ReactElement { return ( - ← Studio - Services manage {manageOnline ? 'online' : 'offline'} setTick((t) => t + 1)}>Refresh all