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,225 @@
+
+.main-header {
+
+    background: #09203f;
+
+    box-shadow: 0 8px 30px rgba(0,0,0,.2);
+
+    padding: 15px 0;
+
+}
+
+
+.header-inner {
+
+    display:flex;
+
+    align-items:center;
+
+    justify-content:space-between;
+
+}
+
+
+.logo {
+
+    color:white;
+
+    font-size:28px;
+
+    font-weight:800;
+
+    text-decoration:none;
+
+}
+
+
+
+.menu {
+
+    display:flex;
+
+    gap:30px;
+
+    list-style:none;
+
+    margin:0;
+
+    padding:0;
+
+}
+
+
+.menu li a {
+
+    color:white;
+
+    text-decoration:none;
+
+    font-weight:600;
+
+    transition:.3s;
+
+}
+
+
+.menu li a:hover {
+
+    color:#ffc107;
+
+}
+
+
+
+.header-actions {
+
+    display:flex;
+
+    gap:10px;
+
+}
+
+
+
+.login-btn {
+
+    color:white;
+
+    border:1px solid white;
+
+    padding:10px 20px;
+
+    border-radius:30px;
+
+    text-decoration:none;
+
+}
+
+
+
+.register-btn {
+
+    background:#ffc107;
+
+    color:#09203f;
+
+    padding:10px 20px;
+
+    border-radius:30px;
+
+    text-decoration:none;
+
+    font-weight:700;
+
+}
+
+
+
+.user-btn {
+
+    color:white;
+
+    text-decoration:none;
+
+}
+.user-dropdown {
+    position: relative;
+}
+
+
+.user-btn {
+
+    background: transparent;
+
+    border: none;
+
+    color: white;
+
+    font-size: 15px;
+
+    cursor: pointer;
+
+    padding: 10px 15px;
+
+}
+
+
+
+.user-menu {
+
+    position: absolute;
+
+    top: 45px;
+
+    right: 0;
+
+    width: 200px;
+
+    background: white;
+
+    border-radius: 15px;
+
+    padding: 10px 0;
+
+    box-shadow: 0 15px 40px rgba(0,0,0,.15);
+
+    opacity: 0;
+
+    visibility: hidden;
+
+    transform: translateY(10px);
+
+    transition: .3s;
+
+}
+
+
+.user-dropdown:hover .user-menu {
+
+    opacity: 1;
+
+    visibility: visible;
+
+    transform: translateY(0);
+
+}
+
+
+
+.user-menu a,
+.user-menu button {
+
+    display: flex;
+
+    align-items: center;
+
+    gap: 10px;
+
+    width: 100%;
+
+    padding: 12px 20px;
+
+    color: #263238;
+
+    background: none;
+
+    border: none;
+
+    text-decoration: none;
+
+    font-size: 14px;
+
+    cursor: pointer;
+
+}
+
+
+
+.user-menu a:hover,
+.user-menu button:hover {
+
+    background: #f1f5f9;
+
+    color: #1976d2;
+
+}