mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-22 14:22:40 +01:00
Payment Request UI: Print adaptions
This commit is contained in:
parent
69fdc2d821
commit
38b4812eb3
2 changed files with 10 additions and 4 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue