fix: wallet page layout - sticky sidebar with scroll, full-width owner summary below
- Sidebar: sticky with height=100vh, search field, internal scroll for user list - Owner Summary: full-width below user/wallet section, not inside right column - Wallet main: normal flow scrolling, not fixed height
This commit is contained in:
@@ -355,7 +355,7 @@ pre { font-size: 0.8rem; white-space: pre-wrap; word-break: break-all; max-width
|
||||
padding: 0;
|
||||
position: sticky;
|
||||
top: 1rem;
|
||||
max-height: calc(100vh - 2rem);
|
||||
height: calc(100vh - 2rem);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
@@ -438,10 +438,19 @@ pre { font-size: 0.8rem; white-space: pre-wrap; word-break: break-all; max-width
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.stats-section {
|
||||
.wallet-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.wallet-bottom {
|
||||
margin-top: 2rem;
|
||||
border-top: 2px solid var(--border);
|
||||
}
|
||||
|
||||
.stats-section {
|
||||
padding-top: 1.5rem;
|
||||
border-top: 2px solid var(--border);
|
||||
}
|
||||
|
||||
.stats-section h2 {
|
||||
|
||||
@@ -169,6 +169,7 @@ export function renderWalletLayout(users, selectedUser, wallets, stats, seedPhra
|
||||
</div>` : '';
|
||||
|
||||
const content = `
|
||||
<div class="wallet-page">
|
||||
<div class="wallet-layout">
|
||||
<aside class="wallet-sidebar">
|
||||
<div class="wallet-sidebar-header">
|
||||
@@ -189,9 +190,10 @@ export function renderWalletLayout(users, selectedUser, wallets, stats, seedPhra
|
||||
<tbody>${walletRows}</tbody>
|
||||
</table>
|
||||
` : '<p class="muted">Select a user to view wallets</p>'}
|
||||
${ownerSection}
|
||||
</section>
|
||||
</div>
|
||||
${ownerSection ? `<div class="wallet-bottom">${ownerSection}</div>` : ''}
|
||||
</div>
|
||||
<script>
|
||||
(function() {
|
||||
var search = document.getElementById('user-search');
|
||||
|
||||
Reference in New Issue
Block a user