diff --git a/BTCPayServer/Views/Shared/PointOfSale/Public/Static.cshtml b/BTCPayServer/Views/Shared/PointOfSale/Public/Static.cshtml index 6a6949a50..a9197ba68 100644 --- a/BTCPayServer/Views/Shared/PointOfSale/Public/Static.cshtml +++ b/BTCPayServer/Views/Shared/PointOfSale/Public/Static.cshtml @@ -35,7 +35,7 @@ : item.BuyButtonText; buttonText = buttonText.Replace("{0}", formatted).Replace("{Price}", formatted); -
+
@if (!string.IsNullOrWhiteSpace(item.Image)) { diff --git a/BTCPayServer/wwwroot/pos/cart.css b/BTCPayServer/wwwroot/pos/cart.css index 2e385b884..d9d16997b 100644 --- a/BTCPayServer/wwwroot/pos/cart.css +++ b/BTCPayServer/wwwroot/pos/cart.css @@ -81,53 +81,6 @@ header .cart-toggle-btn { min-width: 1.75em; } -.card-img-top { - max-height: 210px; - object-fit: scale-down; -} - -.posItem { - display: none; - position: relative; -} -.posItem.posItem--inStock { - cursor: pointer; -} -.posItem-added { - display: flex; - align-items: center; - justify-content: center; - background: var(--btcpay-success); - color: var(--btcpay-success-text); - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - opacity: 0; - pointer-events: none; - transition: opacity var(--btcpay-transition-duration-default) ease-in-out; -} -.posItem-added .icon { - width: 2rem; - height: 2rem; -} -.posItem--added { - pointer-events: none; -} -.posItem--added .posItem-added { - opacity: .8; -} -.posItem--displayed { - display: flex; -} -.posItem--first { - margin-left: auto; -} -.posItem--last { - margin-right: auto; -} - @media (max-width: 991px) { #cart { left: 0; diff --git a/BTCPayServer/wwwroot/pos/common.css b/BTCPayServer/wwwroot/pos/common.css index 6c339268b..35a3d00d0 100644 --- a/BTCPayServer/wwwroot/pos/common.css +++ b/BTCPayServer/wwwroot/pos/common.css @@ -6,3 +6,55 @@ .lead :last-child { margin-bottom: 0; } +.posItem { + display: none; + position: relative; +} +.posItem.posItem--inStock { + cursor: pointer; +} +.posItem-added { + display: flex; + align-items: center; + justify-content: center; + background: var(--btcpay-success); + color: var(--btcpay-success-text); + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + opacity: 0; + pointer-events: none; + transition: opacity var(--btcpay-transition-duration-default) ease-in-out; +} +.posItem-added .icon { + width: 2rem; + height: 2rem; +} +.posItem--added { + pointer-events: none; +} +.posItem--added .posItem-added { + opacity: .8; +} +.posItem--displayed { + display: flex; +} +.posItem--first { + margin-left: auto; +} +.posItem--last { + margin-right: auto; +} +.posItem .card { + width: 100%; +} +.posItem .card .card-body { + flex-grow: 0; +} +.posItem .card .card-img-top { + max-height: 210px; + object-fit: scale-down; + margin-bottom: auto; +}