Skip to content

Small styling changes #94

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
CalMurph merged 2 commits into from
Aug 25, 2026
Merged

Small styling changes #94

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
dd2b7e2
Small styling changes
CalMurph Aug 25, 2026
d2da897
chore: apply formatting
github-actions[bot] Aug 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 0 additions & 5 deletions backend/example.env
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions frontend/app/components/ClusterSettings.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -434,7 +434,7 @@ export default function ClusterSettingsPage() {
</div>

{activeTab === 'instructions' && (
<div className="rounded-2xl border border-white/10 p-4 backdrop-blur-sm md:p-6">
<div className="rounded-2xl border border-white/10 bg-slate-400/5 p-4 backdrop-blur-sm md:p-6">
<div className="mb-6 flex items-start justify-between gap-4">
<div>
<h2 className="text-3xl font-bold text-white">Instructions</h2>
Expand Down Expand Up @@ -948,9 +948,9 @@ export default function ClusterSettingsPage() {
)}

{activeTab === 'results' && (
<div className="rounded-2xl border border-white/10 p-6 backdrop-blur-sm">
<div className="rounded-2xl border border-white/10 bg-slate-400/5 p-6 backdrop-blur-sm">
<div className="mb-6">
<h2 className="text-3xl font-bold text-white">Recent Results</h2>
<h2 className="text-3xl font-bold text-white ">Recent Results</h2>

<p className="mt-3 text-slate-300">
Reports from the last 7 days for this cluster.
Expand Down
2 changes: 1 addition & 1 deletion frontend/app/components/PoolSettingsPage.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -135,7 +135,7 @@ export default function PoolClustersPage() {
);

return (
<main className="flex min-h-screen items-center justify-center">
<main className="flex space-y-8 justify-center">
<div className="relative z-10 w-full">
<div className="p-10">
<div className="text-center md:text-left">
Expand Down
30 changes: 19 additions & 11 deletions frontend/app/components/Options.jsx → frontend/app/components/Settings.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -400,26 +400,34 @@ export default function Options() {
{portalEl &&
confirmPrompt &&
createPortal(
<div className="fixed inset-0 z-50 flex items-center justify-center px-4">
<div className="mb-6 rounded-2xl border border-yellow-400/20 bg-yellow-500/10 p-5 text-slate-100 shadow-2xl backdrop-blur-xl">
<p className="mb-3 text-sm font-medium">{confirmPrompt.message}</p>
<div className="fixed inset-0 z-[60] flex items-center justify-center bg-slate-950/70 px-4 backdrop-blur-sm">
<div className="w-full max-w-md rounded-3xl border border-red-400/20 bg-slate-900/95 p-6 shadow-2xl">
<div className="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-red-500/10 text-2xl text-red-300">
!
</div>
<h3 className="text-xl font-semibold text-white">
Confirmation required
</h3>

<div className="flex flex-wrap gap-3">
<button
type="button"
onClick={confirmPendingAction}
className="rounded-xl bg-yellow-500 px-4 py-2 font-semibold text-slate-950 transition hover:bg-yellow-400 cursor-pointer"
>
Confirm
</button>
<p className="mt-2 text-slate-300 text-md font-medium">
{confirmPrompt.message}
</p>

<div className="mt-6 flex flex-wrap justify-end gap-3">
<button
type="button"
onClick={cancelConfirmation}
className="rounded-xl border border-white/10 bg-slate-900/80 px-4 py-2 text-white transition hover:bg-slate-800 cursor-pointer"
>
Cancel
</button>
<button
type="button"
onClick={confirmPendingAction}
className="rounded-xl bg-red-800 text-white px-4 py-2 font-semibold text-slate-950 transition hover:bg-red-900 cursor-pointer"
>
Confirm
</button>
</div>
</div>
</div>,
Expand Down
6 changes: 3 additions & 3 deletions frontend/app/components/TeamsSettingsPage.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -679,7 +679,7 @@ export default function TeamSettingsPage() {

<h3 className="text-xl font-semibold text-white">Remove pool from team?</h3>

<p className="mt-2 text-sm text-slate-300">
<p className="mt-2 text-md text-slate-300 font-medium">
This will remove{' '}
<span className="font-semibold text-white">{pendingRemovalPool.name}</span>{' '}
from this team.
Expand All @@ -689,15 +689,15 @@ export default function TeamSettingsPage() {
<button
type="button"
onClick={() => setPendingRemovalPool(null)}
className="rounded-xl border border-slate-600 px-4 py-2 text-sm font-medium text-slate-200 transition hover:bg-slate-800"
className="rounded-xl border border-white/10 bg-slate-900/80 px-4 py-2 text-white transition hover:bg-slate-800 cursor-pointer"
>
Cancel
</button>

<button
type="button"
onClick={confirmRemovePool}
className="rounded-xl bg-red-600 px-4 py-2 text-sm font-semibold text-white transition hover:bg-red-500"
className="rounded-xl bg-red-800 text-white px-4 py-2 font-semibold text-slate-950 transition hover:bg-red-900 cursor-pointer"
>
Remove Pool
</button>
Expand Down
2 changes: 1 addition & 1 deletion frontend/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
<Header />

<main className="flex-1 flex justify-center px-4 py-10 sm:px-6">
<div className="w-full">{children}</div>
<div className=" max-w-7xl mx-auto w-full">{children}</div>
</main>
</body>
</html>
Expand Down
2 changes: 1 addition & 1 deletion frontend/app/options/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import Options from '../components/Options';
import Options from '../components/Settings';

export const metadata = {
title: 'Options'
Expand Down
1 change: 0 additions & 1 deletion frontend/example.env
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions frontend/setup.sh
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

npm i

npm run build
npm run start
# npm run build
# npm run start

#npm run dev
npm run dev
Loading