everything semi working before sample implementation
This commit is contained in:
@@ -37,24 +37,11 @@
|
||||
}
|
||||
|
||||
/* Timeline-specific styles */
|
||||
.card {
|
||||
padding: var(--spacing-lg);
|
||||
margin-bottom: var(--spacing-lg);
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.timeline-container {
|
||||
background: white;
|
||||
padding: var(--spacing-lg);
|
||||
border-radius: 20px;
|
||||
margin-bottom: var(--spacing-lg);
|
||||
transition: var(--transition);
|
||||
}
|
||||
|
||||
.timeline-container:hover {
|
||||
.timeline-container.card:hover {
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
@@ -185,7 +172,7 @@
|
||||
@endif
|
||||
|
||||
<!-- Timeline -->
|
||||
<div class="timeline-container">
|
||||
<div class="timeline-container card">
|
||||
<h2 class="timeline-title">Order Progress</h2>
|
||||
<div class="timeline">
|
||||
@php
|
||||
@@ -366,7 +353,7 @@
|
||||
<!-- Payment Status -->
|
||||
<h3 style="margin-top: var(--spacing-lg); margin-bottom: var(--spacing-md);">Payment Status</h3>
|
||||
|
||||
<div style="padding: var(--spacing-sm); background-color: var(--accent-light); border-radius: 20px; margin-bottom: var(--spacing-md);">
|
||||
<div class="card" style="padding: var(--spacing-sm); background-color: var(--accent-light); margin-bottom: var(--spacing-md);">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--spacing-xs);">
|
||||
<strong>Deposit (20%)</strong>
|
||||
<span class="status-badge {{ $customOrder->deposit_status }}">{{ ucfirst($customOrder->deposit_status) }}</span>
|
||||
@@ -374,7 +361,7 @@
|
||||
<p style="color: var(--text-secondary); margin: 0; font-size: 0.9rem;">R{{ number_format($customOrder->deposit_amount, 2) }}</p>
|
||||
</div>
|
||||
|
||||
<div style="padding: var(--spacing-sm); background-color: var(--accent-light); border-radius: 20px; margin-bottom: var(--spacing-lg);">
|
||||
<div class="card" style="padding: var(--spacing-sm); background-color: var(--accent-light); margin-bottom: var(--spacing-lg);">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--spacing-xs);">
|
||||
<strong>Balance (80%)</strong>
|
||||
<span class="status-badge {{ $customOrder->balance_status }}">{{ ucfirst($customOrder->balance_status) }}</span>
|
||||
@@ -395,7 +382,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Terms -->
|
||||
<div class="terms-box">
|
||||
<div class="terms-box card--pink">
|
||||
<h3 style="color: var(--text-primary); margin-top: 0;">Payment Terms</h3>
|
||||
<ul>
|
||||
<li>The 20% deposit is non-refundable</li>
|
||||
|
||||
Reference in New Issue
Block a user