Skip to content

Making further styling tweaks to the rota frontend #96

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 26, 2026
Merged

Making further styling tweaks to the rota frontend #96

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
f27aa63
Making further styling tweaks to the rota frontend
CalMurph Aug 26, 2026
99b2ad8
chore: apply formatting
github-actions[bot] Aug 26, 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: 4 additions & 1 deletion frontend/app/components/ClusterSettings.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -360,7 +360,10 @@ export default function ClusterSettingsPage() {
<div className="p-10 ">
{/* Header */}
<div className="mb-10 text-center md:text-left">
<h1 className="text-4xl sm:text-5xl font-bold text-white">{cluster.name}</h1>
<p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Cluster</p>
<h1 className="mt-3 text-4xl sm:text-5xl font-bold text-white">
{cluster.name}
</h1>

<p className="mt-3 text-lg text-slate-300">Cluster settings and overview</p>

Expand Down
4 changes: 1 addition & 3 deletions frontend/app/components/Form.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -680,9 +680,7 @@ export default function Form() {
</button>
</div>
) : (
<ReactMarkdown

>
<ReactMarkdown>
{method.content}
</ReactMarkdown>
)}
Expand Down
2 changes: 1 addition & 1 deletion frontend/app/components/Header.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@ export default function Header() {
return (
<header className="sticky top-0 z-50">
<div className="w-full ">
<div className="flex w-full items-center justify-between bg-gradient-to-br from-slate-900 via-slate-800 to-blue-900 px-4 py-4 shadow-xl backdrop-blur-xl">
<div className="flex w-full items-center justify-between bg-gradient-to-br from-slate-900 via-slate-800 to-blue-900 px-8 lg:px-14 py-4 shadow-xl backdrop-blur-xl">
<Link
href="/"
className="transition-opacity hover:opacity-90"
Expand Down
3 changes: 2 additions & 1 deletion frontend/app/components/PoolSettingsPage.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,8 @@ export default function PoolClustersPage() {
<div className="relative z-10 w-full">
<div className="p-10">
<div className="text-center md:text-left">
<h1 className="text-4xl sm:text-5xl font-bold text-white">{pool.name}</h1>
<p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Pool</p>
<h1 className="mt-3 text-4xl sm:text-5xl font-bold text-white">{pool.name}</h1>

<p className="mt-3 text-lg text-slate-300">
Manage clusters assigned to this pool.
Expand Down
4 changes: 2 additions & 2 deletions frontend/app/components/Results.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -353,7 +353,7 @@ export default function ResultsPage() {

{/* EMPTY STATE */}
{!loading && reports.length === 0 && (
<p className="mt-8 text-center text-slate-400">No reports found</p>
<p className="mt-8 w-full text-center text-slate-400">No reports found</p>
)}

{/* RESULTS */}
Expand Down Expand Up @@ -461,7 +461,7 @@ export default function ResultsPage() {
</div>

{/* PAGINATION */}
{pagination && (
{pagination && pagination.totalPages > 0 && (
<div className="mt-10 flex flex-col items-stretch gap-3 text-white sm:flex-row sm:items-center sm:justify-between">
<button
disabled={!pagination.hasPrevPage}
Expand Down
3 changes: 2 additions & 1 deletion frontend/app/components/TeamsSettingsPage.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -392,7 +392,8 @@ export default function TeamSettingsPage() {
<div className="relative z-10 w-full">
<div className="p-10">
<div className="text-center md:text-left">
<h1 className="text-4xl sm:text-5xl font-bold text-white">{team.name}</h1>
<p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Team</p>
<h1 className="mt-3 text-4xl sm:text-5xl font-bold text-white">{team.name}</h1>

<p className="mt-3 text-lg text-slate-300">
Manage users and pools assigned to this team.
Expand Down
Loading