From e954799fc4e96298f5fb8c914ab4f715afd2dfe7 Mon Sep 17 00:00:00 2001 From: Noah Petherbridge Date: Thu, 6 Feb 2025 04:43:48 +0000 Subject: [PATCH] Bugfix on iPad display + Working Out status * Fix a bug on iPads in landscape mode where the screen width is 1024px. Previously, they would fall into a weird mode in between mobile and desktop, where the chat panels are mobile-style (one panel instead of three) but the navigation buttons normally shown on mobile were not appearing, making the app impossible to navigate. * Add a Working Out status option. --- public/static/css/chat.css | 2 +- src/lib/StatusMessage.js | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/public/static/css/chat.css b/public/static/css/chat.css index 0a34875..5519e83 100644 --- a/public/static/css/chat.css +++ b/public/static/css/chat.css @@ -145,7 +145,7 @@ img { display: none !important; } } -@media screen and (max-width: 1024px) { +@media screen and (max-width: 1023px) { .chat-container { grid-template-columns: 0px 1fr 0px; column-gap: 0; diff --git a/src/lib/StatusMessage.js b/src/lib/StatusMessage.js index 9206c17..9e54e46 100644 --- a/src/lib/StatusMessage.js +++ b/src/lib/StatusMessage.js @@ -63,6 +63,12 @@ const StatusOptions = [ emoji: "🎞️", icon: "fa fa-film" }, + { + name: "workout", + label: "Working out", + emoji: "🏋️", + icon: "fa-solid fa-dumbbell who-status-wide-icon-2", + }, { name: "travel", label: "Traveling",