duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-20 15:36:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(vault): fix body bg selector (content-shell) + compact rows

Browse Source 
Target .nitro-card-content-shell for the grey body (the previous .content-area
selector didn't match), and tighten row height (smaller icon box + less gap) to
match the more compact Habbo reference.
This commit is contained in:
simoleo89
2026-06-15 21:32:40 +02:00
parent 983c659e9a
commit e94463df6a
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/vault/VaultView.tsx
+6 -5
View File
@@ -56,8 +56,9 @@ const VAULT_STYLES = `
border-color: #34548a; border-color: #34548a;
} }
.nitro-card.nitro-vault, .nitro-card.nitro-vault,
.nitro-card.nitro-vault .content-area { .nitro-card.nitro-vault .content-area,
background: #dde1e6; .nitro-card.nitro-vault .nitro-card-content-shell {
background: #dde1e6 !important;
} }
`; `;
@@ -101,13 +102,13 @@ export const VaultView: FC<{}> = props =>
return ( return (
<NitroCardView className="nitro-vault w-[430px]" theme="primary-slim" uniqueKey="vault"> <NitroCardView className="nitro-vault w-[430px]" theme="primary-slim" uniqueKey="vault">
<NitroCardHeaderView headerText={ localizeWithFallback('earnings.title', 'Guadagni') } onCloseClick={ () => setIsVisible(false) } /> <NitroCardHeaderView headerText={ localizeWithFallback('earnings.title', 'Guadagni') } onCloseClick={ () => setIsVisible(false) } />
<NitroCardContentView className="flex flex-col gap-[5px] text-black"> <NitroCardContentView className="flex flex-col gap-[3px] text-black">
<style>{ VAULT_STYLES }</style> <style>{ VAULT_STYLES }</style>
{ EARNINGS.map(row => ( { EARNINGS.map(row => (
<div key={ row.key } className="flex items-center gap-2"> <div key={ row.key } className="flex items-center gap-2">
<div className="flex min-w-0 flex-1 items-center gap-2 rounded-[5px] border border-[#9aa0a8] bg-white px-1.5 py-1"> <div className="flex min-w-0 flex-1 items-center gap-2 rounded-[5px] border border-[#9aa0a8] bg-white px-1.5 py-1">
<span className="flex h-[28px] w-[28px] shrink-0 items-center justify-center rounded border border-black/15 bg-white"> <span className="flex h-[24px] w-[24px] shrink-0 items-center justify-center rounded border border-black/15 bg-white">
<img src={ row.img } alt="" className="max-h-[24px] max-w-[24px] object-contain [image-rendering:pixelated]" /> <img src={ row.img } alt="" className="max-h-[20px] max-w-[20px] object-contain [image-rendering:pixelated]" />
</span> </span>
<Text bold className="truncate">{ localizeWithFallback(row.textKey, row.label) }</Text> <Text bold className="truncate">{ localizeWithFallback(row.textKey, row.label) }</Text>
</div> </div>