mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
70 lines
2.0 KiB
HTML
70 lines
2.0 KiB
HTML
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<div>30 days remaining in cycle</div>
|
|
{% include "ui/button.html" text="Billing" %}
|
|
</div>
|
|
|
|
<div class="row mb-4">
|
|
<div class="col">
|
|
<div class="text-secondary small mb-1">Included Credit</div>
|
|
<div class="mb-2">$4.22 / $20</div>
|
|
{% include "ui/progress.html" value="21.1" size="sm" color="primary" %}
|
|
</div>
|
|
<div class="col-auto text-end">
|
|
<div class="text-secondary small mb-1">On-Demand Charges</div>
|
|
<div>$0</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="space-y space-y-2">
|
|
<div class="d-flex justify-content-between">
|
|
<div>Edge Function Execution Units</div>
|
|
<div>$2.00</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<div>Edge Middleware Invocations</div>
|
|
<div>$0.65</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<div>Function Invocations</div>
|
|
<div>$0.60</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<div>On-Demand Concurrent Build Minutes</div>
|
|
<div>$0.32</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<div>Fluid Active CPU</div>
|
|
<div>$0.19</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<div>Function Duration</div>
|
|
<div>$0.18</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<div>Image Optimization Transformation</div>
|
|
<div>$0.10</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<div>Fast Origin Transfer</div>
|
|
<div>$0.08</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<div>Fluid Provisioned Memory</div>
|
|
<div>$0.04</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<div>Image Optimization Cache Writes</div>
|
|
<div>$0.02</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center mt-4">
|
|
<button class="btn btn-icon" aria-label="Expand">
|
|
{% include "ui/icon.html" icon="arrow-up" %}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|