refactor: improve hero section responsiveness and update admin path
WordPress: - Refactor hero section layout using CSS Grid for better responsiveness across desktop, tablet, and mobile devices. - Improve spacing and alignment for hero buttons and trust badges. - Fix admin bar offset issues in the hero section. - Clean up redundant HTML tags in front-page template. Laravel: - Change Filament admin panel path from 'admin' to 'panel'. - Clean up comments in web routes.
This commit is contained in:
parent
779c5aab98
commit
11b524cf43
@ -84,7 +84,6 @@ $testimonials = $is_en ? [
|
||||
<?php echo $is_en ? 'Start Shipping' : 'شروع ارسال'; ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-trust">
|
||||
<div class="trust-item">
|
||||
@ -126,11 +125,11 @@ $testimonials = $is_en ? [
|
||||
<div class="divider-row"><?php echo $is_en ? 'or' : 'یا'; ?></div>
|
||||
|
||||
<a href="<?php echo esc_url(home_url('/my-account/?tab=new-order')); ?>" class="btn btn-secondary" style="justify-content:center;">
|
||||
<?php echo $is_en ? 'New Order' : 'ثبت سفارش جدید'; ?>
|
||||
</a>
|
||||
<a href="<?php echo esc_url(home_url('/my-account/?tab=new-order')); ?>" class="btn btn-secondary" style="justify-content:center;">
|
||||
<?php echo $is_en ? 'Calculate Shipping Cost' : 'محاسبه هزینه ارسال'; ?>
|
||||
</a>
|
||||
<?php echo $is_en ? 'New Order' : 'ثبت سفارش جدید'; ?>
|
||||
</a>
|
||||
<a href="<?php echo esc_url(home_url('/my-account/?tab=new-order')); ?>" class="btn btn-secondary" style="justify-content:center; margin-top:10px;">
|
||||
<?php echo $is_en ? 'Calculate Shipping Cost' : 'محاسبه هزینه ارسال'; ?>
|
||||
</a>
|
||||
|
||||
<div class="hero-card-stats">
|
||||
<div class="h-stat">
|
||||
@ -147,6 +146,7 @@ $testimonials = $is_en ? [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1728,4 +1728,176 @@ html.lang-en .single-nav-next {
|
||||
.ifnx-login-subtitle { font-size: 15px; }
|
||||
.ifnx-login-form-side { padding: 40px 24px; }
|
||||
.ifnx-login-form-container h2 { font-size: 24px; }
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════
|
||||
HERO SECTION - ENHANCED RESPONSIVE
|
||||
════════════════════════════════════════════════════ */
|
||||
|
||||
/* دسکتاپ: دو ستون کنار هم با alignment بهتر */
|
||||
.hero-layout {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 48px;
|
||||
align-items: center;
|
||||
justify-items: stretch;
|
||||
}
|
||||
|
||||
/* متن hero در سمت راست (RTL) */
|
||||
.hero-text {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* فرم tracking در سمت چپ */
|
||||
.hero-card {
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* تبلت (768px - 1024px): دو ستون با gap کمتر */
|
||||
@media (max-width: 1024px) {
|
||||
.hero-layout {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.hero-heading {
|
||||
font-size: clamp(1.8rem, 3.5vw, 2.5rem);
|
||||
}
|
||||
|
||||
.hero-card {
|
||||
padding: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
/* موبایل (< 768px): دو ستون روی هم با spacing بهتر */
|
||||
@media (max-width: 768px) {
|
||||
.hero-layout {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.hero-text {
|
||||
text-align: center;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.hero-card {
|
||||
order: 2;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.hero-buttons {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hero-trust {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hero-heading {
|
||||
font-size: clamp(1.6rem, 5vw, 2.2rem);
|
||||
}
|
||||
|
||||
.hero-subheading {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* موبایل کوچک (< 480px) */
|
||||
@media (max-width: 480px) {
|
||||
.hero-layout {
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.hero-card {
|
||||
padding: 24px 20px;
|
||||
}
|
||||
|
||||
.hero-buttons {
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hero-buttons .btn {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hero-card-stats {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.h-stat {
|
||||
padding: 12px;
|
||||
background: var(--gray-100);
|
||||
border-radius: var(--radius-sm);
|
||||
}
|
||||
}
|
||||
|
||||
/* Admin Bar Offset (WordPress Fix) - بهبود یافته */
|
||||
.admin-bar .hero {
|
||||
padding-top: calc(72px + 32px); /* header + admin bar */
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.admin-bar .hero {
|
||||
padding-top: calc(72px + 46px); /* header + mobile admin bar */
|
||||
}
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════
|
||||
HERO BUTTONS - ENHANCED
|
||||
════════════════════════════════════════════════════ */
|
||||
.hero-buttons {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.hero-buttons .btn {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════
|
||||
HERO TRUST BADGES - ENHANCED
|
||||
════════════════════════════════════════════════════ */
|
||||
.hero-trust {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.trust-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.hero-trust {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.trust-item {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.hero-trust {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* مخفی کردن کادرهای زرد debug */
|
||||
.plugin-zone {
|
||||
display: none !important;
|
||||
}
|
||||
@ -25,7 +25,7 @@ class AdminPanelProvider extends PanelProvider
|
||||
return $panel
|
||||
->default()
|
||||
->id('admin')
|
||||
->path('admin')
|
||||
->path('panel')
|
||||
->login()
|
||||
->brandName('IFNEX Logistics')
|
||||
->colors([
|
||||
|
||||
@ -21,7 +21,7 @@ Route::middleware('auth')->group(function () {
|
||||
Route::get('/shipments/{shipment}/pdf/label', [ShipmentPdfController::class, 'label'])->name('shipments.pdf.label');
|
||||
});
|
||||
|
||||
// صفحات نتیجه پرداخت (برای تست)
|
||||
// صفحات نتیجه پرداخت
|
||||
Route::get('/payment-result', function (Illuminate\Http\Request $request) {
|
||||
$status = $request->input('status');
|
||||
$transactionId = $request->input('transaction_id');
|
||||
|
||||
Loading…
Reference in New Issue
Block a user