diff --git a/trellix/src/App.css b/trellix/src/App.css
index b0b320f..71fd0d6 100644
--- a/trellix/src/App.css
+++ b/trellix/src/App.css
@@ -212,66 +212,6 @@ body {
font-size: 0.875rem;
}
-/* Social Login */
-.social-divider {
- display: flex;
- align-items: center;
- margin: 24px 0;
- gap: 16px;
-}
-
-.social-divider::before,
-.social-divider::after {
- content: '';
- flex: 1;
- height: 1px;
- background: var(--border);
-}
-
-.social-divider span {
- font-size: 0.8125rem;
- color: var(--text-muted);
- text-transform: lowercase;
-}
-
-.social-buttons {
- display: flex;
- flex-direction: column;
- gap: 12px;
-}
-
-.social-btn {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 12px;
- width: 100%;
- padding: 12px 16px;
- background: var(--bg-elevated);
- border: 1px solid var(--border);
- border-radius: var(--radius-md);
- color: var(--text);
- font-size: 0.9375rem;
- font-weight: 500;
- font-family: inherit;
- cursor: pointer;
- transition: all 0.15s;
-}
-
-.social-btn:hover {
- background: var(--bg-hover);
- border-color: var(--border-focus);
-}
-
-.social-btn svg {
- flex-shrink: 0;
-}
-
-.social-btn.google:hover {
- border-color: #4285F4;
- background: rgba(66, 133, 244, 0.08);
-}
-
/* Main App Layout */
.app {
display: flex;
diff --git a/trellix/src/pages/auth.tsx b/trellix/src/pages/auth.tsx
index 2a087e4..2f97d33 100644
--- a/trellix/src/pages/auth.tsx
+++ b/trellix/src/pages/auth.tsx
@@ -2,8 +2,6 @@ import { useState } from "react";
import { base44, Board } from "../sdk-client/base44-client";
import type { AuthStep, User, Board as BoardType } from "../types";
-type SocialProvider = 'google' | 'microsoft' | 'facebook';
-
interface Props {
setUser: (user: User) => void;
setBoards: (boards: BoardType[]) => void;
@@ -49,10 +47,6 @@ export default function AuthPage({ setUser, setBoards }: Props) {
}
};
- const handleSocialLogin = (provider: SocialProvider) => {
- base44.auth.loginWithProvider(provider);
- };
-
if (authStep === 'verify') {
return (
@@ -107,52 +101,6 @@ export default function AuthPage({ setUser, setBoards }: Props) {
{isSignUp ? 'Create Account' : 'Sign In'}
-
-
- or continue with
-
-
-
-
- {/* TODO: Enable when providers are configured
-
-
- */}
-
{isSignUp ? 'Already have an account?' : "Don't have an account?"}