diff --git a/resources/js/Components/FlightsGoneBy/FlightMap.vue b/resources/js/Components/FlightsGoneBy/FlightMap.vue index 2d5c65b..4ed6641 100644 --- a/resources/js/Components/FlightsGoneBy/FlightMap.vue +++ b/resources/js/Components/FlightsGoneBy/FlightMap.vue @@ -551,6 +551,14 @@ export default defineComponent({ justify-content: center; } + +@media (max-width: 768px) { + .flight-map-wrapper { + width: 100%; + aspect-ratio: 7/10; + } +} + .map-container { position: absolute; inset: 0; diff --git a/resources/js/Components/FlightsGoneBy/ProfileViewSwitcher.vue b/resources/js/Components/FlightsGoneBy/ProfileViewSwitcher.vue index 745e250..a4dbf08 100644 --- a/resources/js/Components/FlightsGoneBy/ProfileViewSwitcher.vue +++ b/resources/js/Components/FlightsGoneBy/ProfileViewSwitcher.vue @@ -118,4 +118,29 @@ function navigateTo(view: ProfileView) { .view-btn-label { text-transform: uppercase; } + +/* ── Mobile: 2×2 grid ── */ +@media (max-width: 600px) { + .view-toolbar { + display: grid; + grid-template-columns: 1fr 1fr; + width: 100%; + } + + .view-btn { + border-right: 1px solid rgba(255,193,7,0.15); + border-bottom: 1px solid rgba(255,193,7,0.15); + justify-content: center; + } + + /* Remove right border on even buttons (right column) */ + .view-btn:nth-child(2n) { + border-right: none; + } + + /* Remove bottom border on last row */ + .view-btn:nth-last-child(-n+2) { + border-bottom: none; + } +} diff --git a/resources/js/Layouts/MainLayout.vue b/resources/js/Layouts/MainLayout.vue index f75b6a8..7f1391d 100644 --- a/resources/js/Layouts/MainLayout.vue +++ b/resources/js/Layouts/MainLayout.vue @@ -33,7 +33,6 @@ async function dismissToast(notification: Notification) { await axios.patch(`/notifications/${notification.id}/read`) } -console.log(page.achievement_notifications) watch( () => page.achievement_notifications, handleNewNotifications,