mirror of
https://github.com/thecyberlearn/quantum-ai-v3.git
synced 2026-08-18 12:12:57 +00:00
e2ad1f84e1
- Extract 476 lines of inline CSS from pricing.html to external pricing.css file - Unify font stack across all pages to use 'Inter', Arial, sans-serif consistently - Fix font weight inconsistency between marketplace and pricing page navigation - Add clean active page indicator with thin blue underline for current page - Optimize CSS loading order: page-specific CSS first, header-component.css last - Remove font inheritance conflicts between agent-base.css and header component - Standardize Inter font loading in base.html for all pages (single source of truth) - Improve browser compatibility with font smoothing and rendering optimizations - Add comprehensive documentation in HEADER_OPTIMIZATION.md Key improvements: • Consistent navigation font weight across all pages (resolves bold font issue) • Better performance with external CSS files and browser caching • Clean component-based CSS architecture for maintainability • Subtle active state indicators without layout shifts • Unified theme system with CSS custom properties 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
17 lines
868 B
HTML
17 lines
868 B
HTML
<div class="wallet-card widget-small" style="margin-bottom: 0;">
|
|
<div class="wallet-header">
|
|
<h3 class="wallet-title">Your Wallet</h3>
|
|
<div class="wallet-icon">💳</div>
|
|
</div>
|
|
<div class="balance-display">
|
|
<div class="balance-amount">
|
|
<span id="walletBalance">{{ user.wallet_balance|floatformat:2 }}</span> AED
|
|
</div>
|
|
<div class="balance-label">Available Balance</div>
|
|
</div>
|
|
<div style="margin-top: 12px;">
|
|
<button type="button" class="wallet-topup-btn" style="width: 100%; padding: 8px 16px; background: linear-gradient(135deg, #4f46e5, #7c3aed); color: white; border: none; border-radius: 8px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s;" onclick="alert('Top-up feature coming soon!')">
|
|
💳 Top Up Wallet
|
|
</button>
|
|
</div>
|
|
</div> |