Add more airlines and fix edit bugs

2026-04-20 09:23:26 +10:00
parent 4244b8835d
commit 8d7d8f02d3
66 changed files with 877 additions and 614 deletions
@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import {Flight, User} from "@/Types/types";
+
+defineProps<{
+    user: User
+    flights: Flight[]
+}>()
+
+</script>
+
+<template>
+    <div class="board-header">
+        <div class="board-title-group">
+            <span class="board-eyebrow">FLIGHT HISTORY</span>
+            <h1 class="board-title">{{ user.name }}</h1>
+        </div>
+        <div class="board-count">
+            <span class="count-number">{{ flights.length }}</span>
+            <span class="count-label">FLIGHTS</span>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+/* ── Header ── */
+.board-header {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    margin-bottom: 2rem;
+    border-bottom: 1px solid rgba(255,193,7,0.2);
+    padding-bottom: 1.25rem;
+}
+
+.board-eyebrow {
+    display: block;
+    font-family: 'Share Tech Mono', monospace;
+    font-size: 0.7rem;
+    letter-spacing: 0.2em;
+    color: #ffc107;
+    margin-bottom: 0.25rem;
+}
+
+.board-title {
+    font-family: 'Barlow Condensed', sans-serif;
+    font-size: 2.2rem;
+    font-weight: 700;
+    color: #f0f2f5;
+    letter-spacing: 0.04em;
+    line-height: 1;
+    margin: 0;
+}
+
+.board-count {
+    text-align: right;
+    line-height: 1;
+}
+
+.count-number {
+    display: block;
+    font-family: 'Share Tech Mono', monospace;
+    font-size: 2rem;
+    color: #ffc107;
+}
+
+.count-label {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 0.18em;
+    color: #556;
+}
+</style>