mirror of
https://github.com/joinmarket-webui/jam.git
synced 2026-08-17 13:07:34 +02:00
952e24b2e9
* wip: parse orderbook * dev: add 'orderbook' feature flag * dev: remove orderbook request from App.jsx * wip: add OrderbookOverlay * fix: render order fee as balance only on abs offer * fix: don not use orderId as key - it is not unique * dev: show order type as badge * fix: add reason to error message * feat: sortable orderbook table * feat: ability to filter orderbook by search value * review: wrap orderbook overlay body in container * chore: harmonize offcanvas-fullscreen style * chore: harmonize body styles for fullscreen overlays * chore: harmonize header styles for fullscreen overlays * chore: harmonize overlay close buttons and headers in orderbook and earn report * chore: background-color of orderbook container * fix: make containers containing tables fluid on xs and sm screens * chore: harmonize earn report overlay * fix: same overlay container for all fullscreen offcanvas components * dev: add title bar to orderbook overlay * feat: add refresh functionality to orderbook * fix: hide search criteria phrase if search value is empty * Apply suggestions from code review Co-authored-by: Daniel <10026790+dnlggr@users.noreply.github.com> * Update src/components/Orderbook.module.css Co-authored-by: Daniel <10026790+dnlggr@users.noreply.github.com> * chore: optimize orderbook filter function * review: disable search input on data reload * review: improve filtered orderbook summary * fix: update wording Co-authored-by: Daniel <10026790+dnlggr@users.noreply.github.com>
48 lines
937 B
CSS
48 lines
937 B
CSS
.cheatsheet {
|
|
height: auto !important;
|
|
/* page height - navbar height - some spacing*/
|
|
max-height: calc(100% - 4.75rem - 1rem) !important;
|
|
margin: 0px auto !important;
|
|
border: none !important;
|
|
border-top-left-radius: 1rem;
|
|
border-top-right-radius: 1rem;
|
|
width: 33rem;
|
|
|
|
box-shadow: 6px -3px 12px 3px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
:root[data-theme='dark'] .cheatsheet {
|
|
box-shadow: 6px -3px 12px 3px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.cheatsheet a {
|
|
color: inherit !important;
|
|
}
|
|
|
|
.cheatsheet .cheatsheet-list-item {
|
|
align-items: start;
|
|
}
|
|
|
|
.cheatsheet-list-item.upcoming-feature {
|
|
opacity: 0.25;
|
|
}
|
|
|
|
.cheatsheet-list-item h6 {
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
|
|
.numbered {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
min-width: 2rem;
|
|
height: 2rem;
|
|
border-radius: 50%;
|
|
background-color: rgb(0, 0, 0);
|
|
color: white;
|
|
}
|
|
|
|
:root[data-theme='dark'] .numbered {
|
|
color: rgb(0, 0, 0);
|
|
background-color: white;
|
|
}
|