POS: Update button icons (#6390)

Adjusts the POS buttons to match what we defined for the app in btcpayserver/app#93.
This commit is contained in:
d11n
2024-11-13 07:50:15 +01:00
committed by GitHub
parent 984475b9d0
commit 8b776ed9e5
2 changed files with 7 additions and 9 deletions

View File

@@ -81,11 +81,11 @@
</template>
</button>
<partial name="PointOfSale/Public/RecentTransactions" model="Model"/>
<button type="button" class="btn btn-link p-1" data-bs-toggle="modal" data-bs-target="#RecentTransactions" id="RecentTransactionsToggle" permission="@Policies.CanViewInvoices">
<vc:icon symbol="nav-invoice"/>
<button type="button" class="btn btn-light rounded-circle" data-bs-toggle="modal" data-bs-target="#RecentTransactions" id="RecentTransactionsToggle" permission="@Policies.CanViewInvoices">
<vc:icon symbol="nav-transactions"/>
</button>
<button type="button" class="btn btn-link p-1" data-bs-toggle="offcanvas" data-bs-target="#ItemsListOffcanvas" id="ItemsListToggle" aria-controls="ItemsList" v-if="showItems">
<vc:icon symbol="nav-mobile-menu"/>
<button type="button" class="btn btn-light rounded-circle" data-bs-toggle="offcanvas" data-bs-target="#ItemsListOffcanvas" id="ItemsListToggle" aria-controls="ItemsList" v-if="showItems">
<vc:icon symbol="nav-products"/>
</button>
<div class="offcanvas offcanvas-end" data-bs-backdrop="static" tabindex="-1" id="ItemsListOffcanvas" aria-labelledby="ItemsListToggle" v-if="showItems">
<div class="offcanvas-header justify-content-between flex-wrap p-3">

View File

@@ -6,16 +6,14 @@
#PosKeypad .alert {
margin-top: var(--btcpay-space-xl);
}
button[data-bs-toggle] {
position: absolute;
top: 1.75rem;
z-index: 1;
top: 1.5rem;
height: 3.25em !important;
width: 3.25em !important;
color: var(--btcpay-header-link);
}
button[data-bs-toggle]:hover {
color: var(--btcpay-header-link-accent);
}
button[data-bs-toggle] .icon {
--icon-size: 1.75em;
}