btcpayserver/BTCPayServer/wwwroot/pos/print.css
d11n 845e2881fa
POS Cart redesign (#5171)
* Move POS assets

* WIP

* Refactor into common Vue mixin

* Offcanvas updates

* Unifications across POS views

* POSData view fix

* Number and test fixes

* Update cart width

* Fix test

* More view unification

* Hide cart when emptied

* Validate cart

* Header improvement

* Increase remove icon size

* Animate add to cart action

* Offcanvas for mobile, sidebar for desktop

* ui+pos: updates icon size + badge + label

* Remove cart table headers

* Use same size for Cart and Shop headlines

* Update search placeholder

* Bump horizontal  input padding

* Increase sidebar width

* Bump badge font size

* Fix manipulating the quantity of line items

* Fix cart icon

* Update cart display

* updates empty button

* Rounded search input

* Remove cart button on desktop

* Fix dark accent color

* More accent fixes

* Fix plus/minus alignment

* Update BTCPayServer/Views/Shared/PointOfSale/Public/Cart.cshtml

* Apply suggestions from code review

---------

Co-authored-by: dstrukt <gfxdsign@gmail.com>
2023-07-22 21:15:41 +09:00

30 lines
666 B
CSS

/* This hides unwanted metadata such as url, date, etc from appearing on a printed page. */
@media print {
@page {
margin-top: .25em;
margin-bottom: .25em;
}
.card {
page-break-inside: avoid;
break-inside: avoid;
}
}
.posItems {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
grid-gap: 1.5rem;
}
.card {
page-break-inside: avoid;
}
.qr-code {
width: 100%;
min-width: auto !important;
min-height: auto !important;
border-bottom-right-radius: var(--btcpay-card-inner-border-radius);
border-bottom-left-radius: var(--btcpay-card-inner-border-radius);
}