oier/karkarcar-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bigger buttons

Browse Source
This commit is contained in:
Oier Bravo
2025-06-10 00:34:53 +02:00
parent 56f6a45ccc
commit 9d5147c060
2 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/layouts/BaseLayout.astro
View File

@@ -20,7 +20,10 @@ import './src/styles/global.css'
<title>{title}</title> <title>{title}</title>
</head> </head>
<body> <body>
<Image src={logo} alt="KarKarCar" /> <div class="min-h-screen grid place-items-center">
<slot /> <div class="grid gap-6 text-center">
<slot />
</div>
</div>
</body> </body>
</html> </html>

31
src/pages/index.astro
View File

@@ -8,25 +8,26 @@ import KarKarCarAuth from "../components/KarKarCarAuth.astro"
import { getUser, type KarKarCarSession } from "../api/index" import { getUser, type KarKarCarSession } from "../api/index"
import UserInfo from "../components/UserInfo.astro" import UserInfo from "../components/UserInfo.astro"
import config from 'auth:config' import config from 'auth:config'
import { Image } from 'astro:assets';
import logo from '../images/logo-urdina.png';
const session = await getUser(Astro.request, config); const session = await getUser(Astro.request, config);
--- ---
<Layout> <Layout>
<div class="min-h-screen grid place-items-center"> <div class="flex justify-center">
<div class="grid gap-6 text-center"> <Image src={logo} alt="KarKarCar" class="max-w-xs" />
<UserInfo session={session} />
<KarKarCarAuth>
{(session: KarKarCarSession) => (
<>
{session ?
<SignOut class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 font-medium">Logout</SignOut>
:
<SignIn provider="keycloak" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 font-medium">Login</SignIn>
}
</>
)}
</KarKarCarAuth>
</div>
</div> </div>
<UserInfo session={session} />
<KarKarCarAuth>
{(session: KarKarCarSession) => (
<>
{session ?
<SignOut class="px-8 py-4 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 font-medium text-xl">Logout</SignOut>
:
<SignIn provider="keycloak" class="px-8 py-4 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 font-medium text-xl">Login</SignIn>
}
</>
)}
</KarKarCarAuth>
</Layout> </Layout>