feat: update styles and enhance pet purchase flow in marketplace components
This commit is contained in:
@@ -57,8 +57,7 @@ const { ip, freeMode, displayBalance } = useWallet();
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #00eeff;
|
||||
text-shadow: 0 0 10px #00ccff99;
|
||||
color: #7ab8cc;
|
||||
}
|
||||
|
||||
.chat-label {
|
||||
@@ -72,14 +71,13 @@ const { ip, freeMode, displayBalance } = useWallet();
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: #00ff88;
|
||||
box-shadow: 0 0 6px #00ff44;
|
||||
background: #44aa66;
|
||||
}
|
||||
|
||||
.online-count {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 11px;
|
||||
color: #33ff66;
|
||||
color: #557766;
|
||||
}
|
||||
|
||||
.me-ip {
|
||||
@@ -98,26 +96,25 @@ const { ip, freeMode, displayBalance } = useWallet();
|
||||
padding: 3px 10px;
|
||||
font-family: 'Courier New', monospace;
|
||||
}
|
||||
.balance-coin { color: #ffcc44; font-size: 11px; }
|
||||
.balance-val { color: #ffdd66; font-size: 13px; font-weight: bold; text-shadow: 0 0 8px #ffaa0055; }
|
||||
.balance-coin { color: #aa8833; font-size: 11px; }
|
||||
.balance-val { color: #ccaa44; font-size: 13px; font-weight: bold; }
|
||||
.balance-unit { color: #886633; font-size: 9px; }
|
||||
.balance--free .balance-val { color: #33ff99; text-shadow: 0 0 8px #00ff6655; }
|
||||
.balance--free .balance-coin { color: #33ff99; }
|
||||
.balance--free .balance-val { color: #44aa77; }
|
||||
.balance--free .balance-coin { color: #44aa77; }
|
||||
|
||||
.shop-link {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #00eeff;
|
||||
color: #6699aa;
|
||||
text-decoration: none;
|
||||
border: 1px solid #00eeff55;
|
||||
border: 1px solid #33445566;
|
||||
border-radius: 12px;
|
||||
padding: 4px 12px;
|
||||
transition: background 0.15s, box-shadow 0.15s;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
.shop-link:hover {
|
||||
background: #00eeff14;
|
||||
box-shadow: 0 0 10px #00ccff44;
|
||||
background: #1a2530;
|
||||
}
|
||||
|
||||
.channel-badge {
|
||||
|
||||
Reference in New Issue
Block a user