diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css index 617f292bd..edcb3b05e 100644 --- a/apps/ai-game-creator-shell/src/styles.css +++ b/apps/ai-game-creator-shell/src/styles.css @@ -1,5 +1,5 @@ @import 'tailwindcss'; -@import "theme.css"; +@source '../../../packages/shared/src/components'; @import '../../../packages/shared/src/theme.css'; :root { @@ -169,32 +169,13 @@ textarea { color: var(--platform-warm-text); } -.launcher-shell.platform-theme .launcher-countdown, -.launcher-shell.platform-theme .launcher-account-bar button, -.launcher-shell.platform-theme .launcher-wallet-group, -.launcher-shell.platform-theme .launcher-wallet-popover { +.launcher-shell.platform-theme .launcher-countdown { border-color: var(--platform-subpanel-border); background: var(--platform-subpanel-fill); color: var(--platform-text-strong); } -.launcher-shell.platform-theme .launcher-account-bar button, -.launcher-shell.platform-theme .launcher-wallet-popover button, -.launcher-shell.platform-theme .launcher-wallet-ledger div span { - color: var(--platform-text-strong); -} - -.launcher-shell.platform-theme .launcher-wallet-group > button { - border-left-color: var(--platform-subpanel-border); -} - -.launcher-shell.platform-theme .launcher-wallet-popover span, -.launcher-shell.platform-theme .launcher-wallet-popover small { - color: var(--platform-text-soft); -} - -.launcher-promo button, -.launcher-account-bar button { +.launcher-promo button { border: 0; cursor: pointer; } @@ -260,114 +241,6 @@ textarea { top: 44px; } -.launcher-account-bar button { - display: inline-flex; - align-items: center; - justify-content: center; - gap: 4px; - height: 26px; - padding: 0 9px; - border: 0; - border-radius: 0; - background: #fff; - color: #1f2937; - font-size: 12px; -} - -.launcher-wallet-group { - display: inline-flex; - align-items: center; - overflow: visible; - border: 1px solid #e5e7eb; - border-radius: 8px; - background: #fff; - box-shadow: 0 1px 2px rgb(15 23 42 / 5%); -} - -.launcher-wallet-group > button, -.launcher-wallet-group .launcher-wallet-anchor > button { - border: 0; - border-radius: 0; -} - -.launcher-wallet-group .launcher-wallet-anchor > button { - border-radius: 8px 0 0 8px; - font-weight: 500; -} - -.launcher-wallet-group > button { - border-left: 1px solid #e5e7eb; - border-radius: 0 8px 8px 0; -} - -.launcher-wallet-anchor { - position: relative; - display: flex; -} - -.launcher-wallet-popover { - position: absolute; - top: 34px; - right: 0; - display: grid; - width: 220px; - gap: 7px; - padding: 12px; - border: 1px solid #e5e7eb; - border-radius: 8px; - background: #fff; - box-shadow: 0 16px 38px rgb(15 23 42 / 14%); - color: #111827; - z-index: 90; -} - -.launcher-wallet-popover strong { - font-size: 13px; -} - -.launcher-wallet-popover span, -.launcher-wallet-popover small { - color: #6b7280; - font-size: 11px; -} - -.launcher-wallet-popover button { - justify-content: flex-start; - width: 100%; - height: 30px; - padding: 0 8px; - border: 0; - background: transparent; - color: #111827; -} - -.launcher-wallet-popover p { - margin: 2px 0 4px; - font-size: 20px; - font-weight: 750; -} - -.launcher-wallet-ledger { - display: grid; - gap: 5px; - max-height: 132px; - overflow: auto; -} - -.launcher-wallet-ledger div { - display: flex; - align-items: center; - justify-content: space-between; - gap: 8px; - min-width: 0; -} - -.launcher-wallet-ledger div span { - color: #111827; - font-size: 12px; - font-weight: 700; -} - .launcher-project-list-actions { display: flex; align-items: center;