git commit "style: improve tour flight details and auth pages"

2026-08-20 12:08:53 +03:30
parent 73c8e52414
commit c04879b0d6
17 changed files with 1667 additions and 867 deletions
@@ -0,0 +1,233 @@
+ .flight-image {
+    height: 260px;
+    position: relative;
+    overflow: hidden;
+}
+
+
+.flight-image img {
+    transition: .6s ease;
+}
+
+
+.card:hover .flight-image img {
+    transform: scale(1.08);
+}
+
+
+.card.border-0.shadow-sm.rounded-4.overflow-hidden {
+
+    border-radius: 24px !important;
+    overflow: hidden;
+    position: relative;
+    background: #fff;
+    transition: .4s ease;
+    border: 1px solid #f1f1f1 !important;
+
+}
+
+
+.card.border-0.shadow-sm.rounded-4.overflow-hidden:hover {
+
+    transform: translateY(-8px);
+
+    box-shadow:
+        0 20px 45px rgba(0,0,0,.12)!important;
+
+}
+
+.card form {
+
+    position:absolute;
+    top:18px;
+    left:18px;
+    z-index:5;
+
+}
+
+
+.card form button {
+
+    border-radius:50px;
+
+    background:rgba(255,255,255,.9);
+
+    backdrop-filter:blur(8px);
+
+    border:none;
+
+    padding:10px 18px;
+
+    color:#e63946;
+
+    font-weight:600;
+
+    box-shadow:
+        0 8px 20px rgba(0,0,0,.15);
+
+    transition:.3s;
+
+}
+
+
+.card form button:hover {
+
+    background:#e63946;
+
+    color:white;
+
+}
+
+
+.flight-badge {
+
+    position:absolute;
+
+    right:20px;
+
+    bottom:20px;
+
+    background:white;
+
+    color:#0d6efd;
+
+    padding:8px 20px;
+
+    border-radius:50px;
+
+    font-size:14px;
+
+    font-weight:700;
+
+    box-shadow:
+        0 8px 20px rgba(0,0,0,.15);
+
+}
+
+.flight-image:after {
+
+    content:"";
+
+    position:absolute;
+
+    inset:0;
+
+    background:
+        linear-gradient(
+            transparent,
+            rgba(0,0,0,.45)
+        );
+
+}
+
+.card-body {
+
+    padding:28px !important;
+
+}
+
+
+.card-body h5 {
+
+    font-size:22px;
+
+    font-weight:800 !important;
+
+    color:#222;
+
+}
+
+.route {
+
+    display:flex;
+
+    justify-content:center;
+
+    align-items:center;
+
+    gap:15px;
+
+    margin:25px 0;
+
+    font-weight:700;
+
+    font-size:16px;
+
+}
+
+
+.route .line {
+
+    width:55px;
+
+    height:2px;
+
+    background:#dbe7ff;
+
+    position:relative;
+
+}
+
+
+.route .line:after {
+
+    content:"✈";
+
+    position:absolute;
+
+    top:50%;
+    left:50%;
+
+    transform:translate(-50%,-50%);
+
+    background:white;
+
+    padding:5px;
+
+    color:#0d6efd;
+
+}
+
+
+.card-body strong {
+
+    font-size:20px;
+
+    color:#0d6efd;
+
+}
+
+.card-body .btn-primary {
+
+    background:linear-gradient(
+        135deg,
+        #0062ff,
+        #00b7ff
+    );
+
+    border:none;
+
+    padding:11px 30px;
+
+    font-weight:700;
+
+    box-shadow:
+        0 10px 25px rgba(0,98,255,.3);
+
+    transition:.3s;
+
+}
+
+
+.card-body .btn-primary:hover {
+
+    transform:translateY(-3px);
+
+    box-shadow:
+        0 15px 30px rgba(0,98,255,.4);
+
+}
+
+
+
+