hatame/hatame.andarza09
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

git add .

Browse Source 
git commit "style: improve tour archive cards"
This commit is contained in:
hatame
2026-08-20 16:49:30 +03:30
parent cef0b2fb8f
commit 1324bd3350
3 changed files with 276 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/css/header.css
+225
View File
@@ -296,3 +296,228 @@
.logout-btn:active {
transform: scale(.97);
}
.flight-hero {
padding: 80px 0 100px;
background:
linear-gradient(
135deg,
#09203f,
#176b87
);
color: #fff;
}
.flight-hero-content {
text-align: center;
margin-bottom: 40px;
}
.flight-badge {
display: inline-block;
padding: 8px 18px;
margin-bottom: 18px;
border-radius: 30px;
background: rgba(255,255,255,.12);
font-size: 14px;
}
.flight-hero h1 {
margin: 0;
font-size: 48px;
font-weight: 800;
}
.flight-hero h1 span {
color: #ffc107;
}
.flight-hero p {
margin-top: 15px;
font-size: 17px;
opacity: .85;
}
.flight-search-card {
max-width: 1100px;
margin: auto;
padding: 30px;
background: #fff;
border-radius: 18px;
color: #263238;
box-shadow:
0 20px 60px rgba(0,0,0,.25);
}
.flight-search-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.flight-search-header h3 {
margin: 0 0 5px;
}
.flight-search-header span {
color: #78909c;
font-size: 13px;
}
.flight-type {
display: flex;
gap: 20px;
font-size: 14px;
}
.flight-fields {
display: grid;
grid-template-columns:
repeat(3, 1fr);
gap: 18px;
}
.flight-field label {
display: block;
margin-bottom: 8px;
font-size: 13px;
font-weight: 600;
}
.flight-field select,
.flight-field input {
width: 100%;
height: 50px;
padding: 0 12px;
border: 1px solid #e0e6ed;
border-radius: 9px;
background: #f8fafc;
outline: none;
}
.flight-field select:focus,
.flight-field input:focus {
border-color: #1976d2;
background: #fff;
}
.flight-button-wrapper {
display: flex;
align-items: end;
}
.flight-search-button {
width: 100%;
height: 50px;
border: none;
border-radius: 9px;
background: #1976d2;
color: #fff;
font-weight: 700;
cursor: pointer;
}
.flight-search-button:hover {
background: #125ca8;
}
@media (max-width: 768px) {
.flight-hero {
padding: 60px 15px 70px;
}
.flight-hero h1 {
font-size: 34px;
}
.flight-search-header {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.flight-fields {
grid-template-columns: 1fr;
}
}
resources/views/layouts/hero.blade.php
-223
View File
@@ -100,226 +100,3 @@
</section>
<style>
.flight-hero {
padding: 80px 0 100px;
background:
linear-gradient(
135deg,
#09203f,
#176b87
);
color: #fff;
}
.flight-hero-content {
text-align: center;
margin-bottom: 40px;
}
.flight-badge {
display: inline-block;
padding: 8px 18px;
margin-bottom: 18px;
border-radius: 30px;
background: rgba(255,255,255,.12);
font-size: 14px;
}
.flight-hero h1 {
margin: 0;
font-size: 48px;
font-weight: 800;
}
.flight-hero h1 span {
color: #ffc107;
}
.flight-hero p {
margin-top: 15px;
font-size: 17px;
opacity: .85;
}
.flight-search-card {
max-width: 1100px;
margin: auto;
padding: 30px;
background: #fff;
border-radius: 18px;
color: #263238;
box-shadow:
0 20px 60px rgba(0,0,0,.25);
}
.flight-search-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.flight-search-header h3 {
margin: 0 0 5px;
}
.flight-search-header span {
color: #78909c;
font-size: 13px;
}
.flight-type {
display: flex;
gap: 20px;
font-size: 14px;
}
.flight-fields {
display: grid;
grid-template-columns:
repeat(3, 1fr);
gap: 18px;
}
.flight-field label {
display: block;
margin-bottom: 8px;
font-size: 13px;
font-weight: 600;
}
.flight-field select,
.flight-field input {
width: 100%;
height: 50px;
padding: 0 12px;
border: 1px solid #e0e6ed;
border-radius: 9px;
background: #f8fafc;
outline: none;
}
.flight-field select:focus,
.flight-field input:focus {
border-color: #1976d2;
background: #fff;
}
.flight-button-wrapper {
display: flex;
align-items: end;
}
.flight-search-button {
width: 100%;
height: 50px;
border: none;
border-radius: 9px;
background: #1976d2;
color: #fff;
font-weight: 700;
cursor: pointer;
}
.flight-search-button:hover {
background: #125ca8;
}
@media (max-width: 768px) {
.flight-hero {
padding: 60px 15px 70px;
}
.flight-hero h1 {
font-size: 34px;
}
.flight-search-header {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.flight-fields {
grid-template-columns: 1fr;
}
}
</style>
resources/views/tours/index.blade.php
+43 -17
View File
@@ -1,51 +1,75 @@
@extends('layouts.app')
@extends('layouts.app')
@section('content')
<div class="container py-5">
<h2 class="mb-4">
<div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="fw-bold">
آرشیو تورها
</h2>
</div>
<div class="row">
<div class="row g-4">
@foreach($tours as $tour)
<div class="col-md-4 mb-4">
<div class="col-lg-4 col-md-6">
<div class="card shadow-sm">
<div class="card h-100 shadow-sm border-0 rounded-4 overflow-hidden">
<img src="{{ getImageUrl($tour->image) }}"
<div class="position-relative">
<img
src="{{ getImageUrl($tour->image) }}"
class="card-img-top"
style="height:220px; object-fit:cover;"
alt="{{ $tour->title }}">
alt="{{ $tour->title }}"
>
<div class="card-body">
<span class="position-absolute top-0 end-0 m-3 badge bg-primary">
تور
</span>
<h5>
</div>
<div class="card-body d-flex flex-column">
<h5 class="fw-bold mb-3">
{{ $tour->title }}
</h5>
<p>
<p class="text-muted mb-3">
{{ $tour->summary }}
</p>
<strong>
<div class="d-flex justify-content-between align-items-center mt-auto pt-3">
<strong class="text-primary fs-5">
{{ number_format($tour->price) }}
تومان
</strong>
<a href="{{route('index')}}"
class="btn btn-outline-primary rounded-pill">
<a
href="{{ route('index') }}"
class="btn btn-outline-primary rounded-pill px-4"
>
برگشت
</a>
</div>
</div>
@@ -57,10 +81,12 @@
</div>
<br>
<br>
{{$tours->links()}}
<div class="mt-5 d-flex justify-content-center">
{{ $tours->links() }}
</div>
</div>