From 71be765956cde10cb967ee357b33e40e154b3db6 Mon Sep 17 00:00:00 2001 From: Oliver Bryan Date: Mon, 26 Jan 2026 23:27:26 +0000 Subject: [PATCH] small-screen-overlay --- packages/frontend/src/App.css | 24 ++++++++++++++++++++++++ packages/frontend/src/main.tsx | 3 +++ todo.md | 3 ++- 3 files changed, 29 insertions(+), 1 deletion(-) diff --git a/packages/frontend/src/App.css b/packages/frontend/src/App.css index baece8d..19f940f 100644 --- a/packages/frontend/src/App.css +++ b/packages/frontend/src/App.css @@ -224,3 +224,27 @@ align-items: center !important; white-space: nowrap !important; } + +.small-screen-overlay { + display: none; +} + +@media (max-width: 559px) { + .small-screen-overlay { + position: fixed; + inset: 0; + z-index: 50; + display: flex; + align-items: center; + justify-content: center; + padding: 24px; + padding-top: calc(env(safe-area-inset-top, 0px) + 24px); + padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 24px); + width: 100vw; + height: 100dvh; + background-color: var(--background); + color: var(--foreground); + text-align: center; + text-wrap: pretty; + } +} diff --git a/packages/frontend/src/main.tsx b/packages/frontend/src/main.tsx index 7a2d4be..f214187 100644 --- a/packages/frontend/src/main.tsx +++ b/packages/frontend/src/main.tsx @@ -64,5 +64,8 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( + + sprint will look very ugly and disjointed if you try to use it at a resolution this small! + , ); diff --git a/todo.md b/todo.md index b7da5e1..2adb817 100644 --- a/todo.md +++ b/todo.md @@ -1,7 +1,8 @@ # HIGH PRIORITY +- BUGS: +- issue descriptions not showing - FEATURES: -- filters - pricing page - see jira and other competitors - explore payment providers (stripe is the only one i know)