From 817ab640dce17aabe2e6036c6e4490c6d39cfe81 Mon Sep 17 00:00:00 2001 From: Alex TYRODE Date: Thu, 24 Apr 2025 00:53:31 +0000 Subject: [PATCH] refactor: enhance AuthModal UI and update styles - Updated modal description and info text for clarity. - Enhanced footer with links to Discord, GitHub and mail. --- src/frontend/src/auth/AuthModal.tsx | 202 +++++++++++++++---------- src/frontend/src/styles/AuthModal.scss | 151 ++++++++++++------ 2 files changed, 231 insertions(+), 122 deletions(-) diff --git a/src/frontend/src/auth/AuthModal.tsx b/src/frontend/src/auth/AuthModal.tsx index bfac31f..cc494e9 100644 --- a/src/frontend/src/auth/AuthModal.tsx +++ b/src/frontend/src/auth/AuthModal.tsx @@ -4,14 +4,11 @@ import { capture } from "../utils/posthog"; import "../styles/AuthModal.scss"; interface AuthModalProps { - title?: string; description?: string; - infoText?: string; } const AuthModal: React.FC = ({ - description = "This is a browser-based developer environment where you can take notes and code side to side.\n\nYour workspace is an Ubuntu virtual machine that we run for you in the cloud", - infoText = "🚧 This is a beta. Consider all data is temporary and might be deleted at any time while we build", + description = "A free whiteboard IDE in your browser.", }) => { const [isMounted, setIsMounted] = useState(false); @@ -33,84 +30,135 @@ const AuthModal: React.FC = ({ {/* Backdrop with blur effect */}