From 77bad4f4bdef04f3ef802377f9ffe519c337b1ab Mon Sep 17 00:00:00 2001 From: drew Date: Mon, 18 Aug 2025 00:19:56 +0400 Subject: [PATCH] feat: responsive UI for phones (#1) --- src/app/graphs/page.tsx | 4 ++ src/app/layout.tsx | 11 ++++- src/app/notebook/page.tsx | 3 +- src/app/page.tsx | 77 +++++++++++++++++------------- src/components/DockElement.tsx | 13 ++++- src/components/GitHubStars.tsx | 16 +++---- src/components/MainWrapper.tsx | 19 ++++++++ src/components/PixelCard.tsx | 2 +- src/styles/app.scss | 12 +++++ src/styles/globals.scss | 15 ++++++ src/styles/graphs.scss | 45 ++++++++++++++++-- src/styles/notebook.scss | 87 +++++++++++++++++++++++++++++++--- src/styles/whiteboard.scss | 25 ++++++++++ 13 files changed, 273 insertions(+), 56 deletions(-) create mode 100644 src/components/MainWrapper.tsx diff --git a/src/app/graphs/page.tsx b/src/app/graphs/page.tsx index 6c96c50..b1ce078 100644 --- a/src/app/graphs/page.tsx +++ b/src/app/graphs/page.tsx @@ -127,6 +127,7 @@ export default function DesmosGraphPage(): React.JSX.Element { {functions.map((func, index) => (
ƒ{func.id}(x)= @@ -155,6 +157,7 @@ export default function DesmosGraphPage(): React.JSX.Element { fontSize: "1rem", border: `1px solid #ccc`, borderRadius: "4px", + minWidth: "120px", }} />