atridad/pdsmanager
1
0
Fork 0
Code Packages 1 Activity Actions

Added attribution
All checks were successful
Docker Deploy / build-and-push (push) Successful in 1m19s
Details

Browse source
This commit is contained in:
Atridad Lahiji 2025-01-26 17:52:42 -06:00
parent 312ac253db
commit 8d59f250dc
Signed by: atridad
SSH key fingerprint: SHA256:LGomp8Opq0jz+7kbwNcdfTcuaLRb5Nh0k5AchDDb438
7 changed files with 33 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/TabView.tsx
View file

@ -15,7 +15,7 @@ export default function TabView() {
const ActiveComponent = TABS[activeTab].component;
return (
<div className="container mx-auto max-w-3xl p-4">
<div className="w-full container mx-auto max-w-3xl p-4">
<div className="card bg-base-100 shadow-xl">
<div className="card-body">
<div className="tabs tabs-boxed">

8
src/components/auth/AuthWrapper.tsx
View file

@ -1,6 +1,6 @@
import { useState } from "react";
import { Settings } from "../../lib/settings";
import NavBar from "../navigation/NavBar";
import Header from "../navigation/Header";
import LoginForm from "./LoginForm";
import { LogoutContext } from "../../lib/LogoutContext";
import { RefreshContext } from "../../lib/RefreshContext";
@ -28,9 +28,9 @@ export default function AuthWrapper() {
return (
<LogoutContext.Provider value={handleLogout}>
<RefreshContext.Provider value={{ refresh, lastUpdate }}>
<div className="min-h-screen flex flex-col">
<NavBar />
<div className="flex-1">
<div className="w-full">
<Header />
<div className="flex justify-center items-center">
<TabView />
</div>
</div>

4
src/components/auth/LoginForm.tsx
View file

@ -16,8 +16,8 @@ export default function LoginForm({ onLogin }: LoginFormProps) {
};
return (
<div className="min-h-screen bg-base-200 flex items-center justify-center">
<div className="card w-full max-w-md bg-base-100 shadow-xl">
<div className="w-full container mx-auto max-w-md p-4">
<div className="card bg-base-100 shadow-xl">
<div className="card-body">
<h1 className="card-title text-2xl font-bold text-center">
BlueSky PDS Manager

17
src/components/navigation/Footer.astro Normal file
View file

@ -0,0 +1,17 @@
<footer class="footer footer-center p-4 bg-base-300 text-base-content">
<aside>
<p class="text-sm">
Made by
<a
href="https://atri.dad"
target="_blank"
rel="noopener noreferrer"
class="link link-hover font-medium"
>
Atridad Lahiji
</a>
<span class="mx-2">•</span>
<span class="opacity-75">All rights reserved</span>
</p>
</aside>
</footer>

2
src/components/navigation/NavBar.tsx → src/components/navigation/Header.tsx
View file

@ -18,7 +18,7 @@ export default function NavBar() {
return (
<>
<div className="navbar bg-base-100 shadow-md">
<div className="w-full navbar bg-base-100 shadow-md">
<div className="container mx-auto max-w-3xl px-4">
<div className="flex-1">
<span className="text-xl font-bold">BlueSky PDS Manager</span>

9
src/layouts/Layout.astro
View file

@ -1,5 +1,9 @@
---
import Footer from "../components/navigation/Footer.astro";
---
<!doctype html>
<html data-theme="dark" class="min-h-screen">
<html data-theme="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
@ -10,7 +14,8 @@
<meta name="generator" content={Astro.generator} />
<title>PDS Manager</title>
</head>
<body class="min-h-screen bg-base-200">
<body class="min-h-screen flex flex-col bg-base-200">
<slot />
<Footer />
</body>
</html>

2
src/pages/index.astro
View file

@ -4,7 +4,7 @@ import AuthWrapper from "../components/auth/AuthWrapper";
---
<Layout>
<main class="min-h-screen">
<main class="flex-1 flex items-center justify-center">
<AuthWrapper client:only="react" />
</main>
</Layout>