mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-02-25 11:27:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix header

Browse Source
This commit is contained in:
MartinBraquet
2025-07-30 13:32:17 +02:00
parent 04b7c998c5
commit 97facbd012
6 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/Header.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import Link from "next/link";
import {useSession, signOut} from "next-auth/react";
import {signOut, useSession} from "next-auth/react";
import ThemeToggle from "@/lib/client/theme";
export default function Header() {
@@ -10,14 +10,16 @@ export default function Header() {
console.log(session);
return (
<header className="w-full shadow-md py-4 px-8">
<header className="w-full
{/*shadow-md*/}
py-4 px-8">
<nav className="flex justify-between items-center">
<Link href="/" className="text-xl font-bold hover:text-blue-600 transition-colors">
BayesBond
</Link>
<div className="flex items-center space-x-4">
<ThemeToggle />
<ThemeToggle/>
{session ? (
<>
<div className="flex items-center space-x-4">
@@ -35,7 +37,7 @@ export default function Header() {
</Link>
<button
onClick={() => signOut({callbackUrl: "/"})}
className="bg-red-500 text-white px-4 py-2 rounded-lg hover:bg-red-600 transition"
className="bg-red-500 text-white px-3 py-2 rounded-lg hover:bg-red-600 transition"
>
Sign Out
</button>

6
app/layout.tsx
View File

@@ -18,11 +18,11 @@ export default function RootLayout(
children: React.ReactNode;
}) {
return (
<html lang="en" suppressHydrationWarning className="dark">
<body>
<html lang="en" suppressHydrationWarning className="dark" >
<body className="dark:bg-gray-900 dark:text-white">
<Providers>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<div className="min-h-screen flex flex-col dark:bg-gray-900 dark:text-white">
<div className="min-h-screen flex flex-col ">
<Header/>
{children}

2
app/learn-more/page.tsx
View File

@@ -29,7 +29,7 @@ export default function LearnMorePage() {
href="https://martinbraquet.com/meeting-rational"
className="px-6 py-3 bg-gray-200 dark:bg-gray-600 text-gray-800 dark:text-white text-lg rounded-lg hover:bg-gray-300 dark:hover:bg-gray-500 transition"
>
Full article
Full Article
</Link>
</div>
<h3 id="how-to-help">How to Help</h3>

24
app/page.tsx
View File

@@ -19,18 +19,18 @@ export default function HomePage() {
return (
<main className="min-h-screen flex flex-col">
{/* Header */}
<header className="flex justify-between items-center p-6 max-w-6xl mx-auto w-full">
<a
href="https://github.com/BayesBond/BayesBond"
target="_blank"
rel="noopener noreferrer"
className="text-gray-700 hover: transition"
>
<svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fillRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.699 1.028 1.595 1.028 2.688 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clipRule="evenodd" />
</svg>
</a>
</header>
{/*<header className="flex justify-between items-center p-2 max-w-6xl mx-auto w-full">*/}
{/* <a */}
{/* href="https://github.com/BayesBond/BayesBond" */}
{/* target="_blank" */}
{/* rel="noopener noreferrer"*/}
{/* className="text-gray-700 hover: transition"*/}
{/* >*/}
{/* <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">*/}
{/* <path fillRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.699 1.028 1.595 1.028 2.688 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clipRule="evenodd" />*/}
{/* </svg>*/}
{/* </a>*/}
{/*</header>*/}
{/* Hero Section */}
<section className="flex flex-col items-center justify-center flex-1 text-center px-4">

2
app/profiles/ProfileFilters.tsx
View File

@@ -160,7 +160,7 @@ export function ProfileFilters({filters, onFilterChange, onToggleFilter, onReset
{(showDropdown) && (
<div
className="absolute z-10 mt-1 w-full dark:bg-gray-900 shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm">
className="absolute z-10 mt-1 w-full bg-white dark:bg-gray-900 shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm">
{/* Filtered interests */}
{allInterests
.filter(interest =>

2
app/profiles/page.tsx
View File

@@ -77,7 +77,7 @@ export default function ProfilePage() {
return (
<div className="min-h-screen flex flex-col items-center py-12 px-4 sm:px-6 lg:px-8">
<div className="w-full max-w-6xl">
<h1 className="text-4xl sm:text-5xl font-extrabold mb-8">Profiles</h1>
<h1 className="text-4xl sm:text-5xl font-extrabold mb-8">People</h1>
<ProfileFilters
filters={filters}