Payment Request UI: Print adaptions

This commit is contained in:
Dennis Reimann 2020-09-28 15:32:09 +02:00
parent 69fdc2d821
commit 38b4812eb3
No known key found for this signature in database
GPG key ID: 5009E1797F03F8D0
2 changed files with 10 additions and 4 deletions

View file

@ -39,7 +39,7 @@
</head>
<body class="h-100">
<div id="app" class="h-100 d-flex flex-column">
<nav id="mainNav" class="navbar sticky-top py-3 py-lg-4">
<nav id="mainNav" class="navbar sticky-top py-3 py-lg-4 d-print-block">
<div class="container">
<div class="row align-items-center" style="width:calc(100% + 30px)">
<div class="col-12 col-md-8 col-lg-9 col-xl-10">
@ -58,7 +58,7 @@
Copy Link
</button>
</div>
<div class="col col-12 col-sm-6 text-sm-right col-lg-4 mt-lg-n4 pt-lg-1">
<div class="col col-12 col-sm-6 text-sm-right col-lg-4 mt-lg-n4 pt-lg-1 d-print-none">
<noscript>@Model.Status</noscript>
<template v-if="settled">Settled</template>
<template v-else-if="ended">Request Expired</template>
@ -137,7 +137,6 @@
</div>
</form>
</template>
<template v-else>
<button class="btn btn-primary w-100 d-flex align-items-center justify-content-center text-nowrap" :class="{ 'btn-lg': !(srvModel.anyPendingInvoice && !srvModel.pendingInvoiceHasPayments)}" v-on:click="pay(null)" :disabled="loading">
<div v-if="loading" class="spinner-grow spinner-grow-sm mr-2" role="status">
@ -292,7 +291,7 @@
</div>
</div>
</main>
<footer class="pt-2 pb-4">
<footer class="pt-2 pb-4 d-print-none">
<div class="container text-center">
Powered by <a href="https://btcpayserver.org" target="_blank">BTCPay Server</a>
</div>

View file

@ -282,3 +282,10 @@ html[data-devenv]:before {
@media (min-width: 992px) and (max-width: 1199px) { html[data-devenv]:before { content: 'LG'; } }
@media (min-width: 1200px) { html[data-devenv]:before { content: 'XL'; } }
@media print { html[data-devenv]:before { content: none; } }
/* Print */
@media print {
.jumbotron {
padding: 1rem 0 !important;
}
}