Skip to content

Redesign #481

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
alexander-sei wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

Redesign #481

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8457778
Redesign
alexander-sei Feb 17, 2026
823167a
Merge branch 'main' into redesign-page
alexander-sei Feb 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
741 changes: 582 additions & 159 deletions app/globals.css
View file
Open in desktop

Large diffs are not rendered by default.

14 changes: 9 additions & 5 deletions app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ export const metadata: Metadata = {
'Documentation for Sei. Providing comprehensive guides, tutorials, and resources for developers building on Sei. Learn about the EVM, smart contracts, tokenization standards (ERC20, ERC721, ERC1155), and advanced features of the Sei ecosystem to accelerate your blockchain development journey.',
category: 'technology',
openGraph: {
// Make sure not to specify `title` or description` as they are automatically generated from the main description and title template
url: 'https://docs.sei.io',
siteName: 'Sei Docs',
locale: 'en_US',
Expand All @@ -35,7 +34,6 @@ export const metadata: Metadata = {
type: 'article'
},
twitter: {
// Make sure not to specify `title` or description` as they are automatically generated from the main description and title template
card: 'summary_large_image',
creator: '@SeiNetwork',
images: ['https://docs.sei.io/assets/docs-banner.png']
Expand Down Expand Up @@ -70,10 +68,16 @@ export const metadata: Metadata = {

export default async function RootLayout({ children }) {
return (
<html lang='en' dir='ltr' suppressHydrationWarning style={{ width: '100%', height: '100%' }}>
<html lang='en' dir='ltr' suppressHydrationWarning className='dark' style={{ width: '100%', height: '100%' }}>
<head>
<meta name='color-scheme' content='dark light' />
{/* Performance: avoid early preconnects to heavy third-parties */}
{/* Google Fonts: Inter + JetBrains Mono to match Sei design system */}
<link rel='preconnect' href='https://fonts.googleapis.com' />
<link rel='preconnect' href='https://fonts.gstatic.com' crossOrigin='anonymous' />
<link
href='https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap'
rel='stylesheet'
/>
<script
type='application/ld+json'
dangerouslySetInnerHTML={{
Expand Down Expand Up @@ -104,7 +108,7 @@ export default async function RootLayout({ children }) {
}}
/>
</head>
<body style={{ width: '100%', height: '100%' }}>
<body style={{ width: '100%', height: '100%', fontFamily: "'Inter', system-ui, -apple-system, sans-serif" }}>
<Toaster position='bottom-left' />
<DocsProviders pageMap={await getPageMap()}>{children}</DocsProviders>
</body>
Expand Down
2 changes: 1 addition & 1 deletion app/not-found.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ export default function Custom404() {

<Link
href='/'
className='px-6 py-3 mt-6 rounded-md font-medium transition-colors bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200'>
className='px-6 py-3 mt-6 rounded-sm font-medium transition-colors bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200'>
Go to Home
</Link>
</div>
Expand Down
10 changes: 5 additions & 5 deletions content/evm/ai-tooling/cambrian-agent-kit.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -468,27 +468,27 @@ async function monitorTransaction(txHash: string) {
</thead>
<tbody className="divide-y divide-neutral-200 dark:divide-neutral-800">
<tr>
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Insufficient funds"</td>
<td className="px-4 py-3 text-sm text-[#600014] dark:text-[#b99ba1] whitespace-nowrap font-medium">"Insufficient funds"</td>
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">Low SEI balance</td>
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Add more SEI to your wallet</td>
</tr>
<tr>
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Transaction failed"</td>
<td className="px-4 py-3 text-sm text-[#600014] dark:text-[#b99ba1] whitespace-nowrap font-medium">"Transaction failed"</td>
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">Gas estimation error</td>
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Reduce transaction amount</td>
</tr>
<tr>
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Network error"</td>
<td className="px-4 py-3 text-sm text-[#600014] dark:text-[#b99ba1] whitespace-nowrap font-medium">"Network error"</td>
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">RPC connection issue</td>
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Check RPC URL in .env</td>
</tr>
<tr>
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Slippage too high"</td>
<td className="px-4 py-3 text-sm text-[#600014] dark:text-[#b99ba1] whitespace-nowrap font-medium">"Slippage too high"</td>
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">Price moved during swap</td>
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Increase slippage tolerance</td>
</tr>
<tr>
<td className="px-4 py-3 text-sm text-red-600 dark:text-red-400 whitespace-nowrap font-medium">"Invalid private key"</td>
<td className="px-4 py-3 text-sm text-[#600014] dark:text-[#b99ba1] whitespace-nowrap font-medium">"Invalid private key"</td>
<td className="px-4 py-3 text-sm text-neutral-600 dark:text-neutral-400 whitespace-nowrap">Incorrect key format</td>
<td className="px-4 py-3 text-sm text-green-600 dark:text-green-400 whitespace-nowrap">Verify private key format</td>
</tr>
Expand Down
14 changes: 7 additions & 7 deletions content/evm/ai-tooling/mcp-server.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -380,19 +380,19 @@ The Sei MCP Server enables your AI assistant to:
Pre-configured prompts for common tasks:

<div className="grid grid-cols-1 md:grid-cols-2 gap-4 my-6">
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border border-neutral-200 dark:border-neutral-700">
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border border-neutral-200 dark:border-neutral-700">
<h4 className="font-medium text-purple-600 dark:text-purple-400 mb-1">my_wallet_address</h4>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Get your wallet address</p>
</div>
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border border-neutral-200 dark:border-neutral-700">
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border border-neutral-200 dark:border-neutral-700">
<h4 className="font-medium text-purple-600 dark:text-purple-400 mb-1">explore_block</h4>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Analyze block data</p>
</div>
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border border-neutral-200 dark:border-neutral-700">
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border border-neutral-200 dark:border-neutral-700">
<h4 className="font-medium text-purple-600 dark:text-purple-400 mb-1">analyze_transaction</h4>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Transaction details</p>
</div>
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border border-neutral-200 dark:border-neutral-700">
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border border-neutral-200 dark:border-neutral-700">
<h4 className="font-medium text-purple-600 dark:text-purple-400 mb-1">analyze_address</h4>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Address analysis</p>
</div>
Expand All @@ -401,19 +401,19 @@ Pre-configured prompts for common tasks:
## Usage Examples

<div className="space-y-4 my-6">
<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border-l-4 border-purple-500">
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border-l-4 border-purple-500">
<p className="text-sm font-medium text-purple-600 dark:text-purple-400 mb-1">Query Balance</p>
<p className="text-neutral-700 dark:text-neutral-300">"What's my SEI balance?"</p>
<p className="text-sm text-neutral-600 dark:text-neutral-400 mt-2">→ Returns wallet balance and address</p>
</div>

<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border-l-4 border-purple-500">
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border-l-4 border-purple-500">
<p className="text-sm font-medium text-purple-600 dark:text-purple-400 mb-1">Send Transaction</p>
<p className="text-neutral-700 dark:text-neutral-300">"Send 1 SEI to 0x742d35Cc6634C0532925a3b8D4C1C4e3153DC"</p>
<p className="text-sm text-neutral-600 dark:text-neutral-400 mt-2">→ Executes transfer and returns transaction hash</p>
</div>

<div className="bg-white dark:bg-neutral-800/50 rounded-lg p-4 border-l-4 border-purple-500">
<div className="bg-white dark:bg-neutral-800/50 rounded-sm p-4 border-l-4 border-purple-500">
<p className="text-sm font-medium text-purple-600 dark:text-purple-400 mb-1">Contract Analysis</p>
<p className="text-neutral-700 dark:text-neutral-300">"Is 0x3894085ef7ff0f0aedf52e2a2704928d1ec074f1 a contract?"</p>
<p className="text-sm text-neutral-600 dark:text-neutral-400 mt-2">→ Identifies contract type and metadata</p>
Expand Down
6 changes: 3 additions & 3 deletions content/evm/in-app-swaps.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ export default function SwapPage() {
return (

<div className="max-w-md mx-auto">
<iframe src={`https://symph.ag/embed?${params.toString()}`} className="w-full min-h-[650px] border-0 rounded-xl" title="Symphony Swap" />
<iframe src={`https://symph.ag/embed?${params.toString()}`} className="w-full min-h-[650px] border-0 rounded-sm" title="Symphony Swap" />
</div>
); }

Expand Down Expand Up @@ -153,7 +153,7 @@ return (
import dynamic from 'next/dynamic';

const SwapWidget = dynamic(() => import('./SwapWidget'), {
loading: () => <div className="animate-pulse h-[650px] bg-gray-800 rounded-xl" />,
loading: () => <div className="animate-pulse h-[650px] bg-gray-800 rounded-sm" />,
ssr: false
});
````
Expand Down Expand Up @@ -193,7 +193,7 @@ function SwapWidgetWithFallback() {

if (error) {
return (
<div className="p-6 bg-red-900/20 rounded-xl text-center">
<div className="p-6 bg-[#34050d]/20 rounded-sm text-center">
<p>Swap widget failed to load.</p>
<a href="https://symph.ag" target="_blank" rel="noopener noreferrer" className="text-blue-400 underline">
Open Symphony directly →
Expand Down
Loading
Loading