2 Commits

Author SHA1 Message Date
ce4ec291c6 make leaderboard page look nicer
All checks were successful
deploy / deploy (push) Successful in 56s
2023-11-05 14:16:41 +00:00
57c2fe1301 prep work for themes 2023-11-05 14:16:23 +00:00
4 changed files with 6 additions and 5 deletions

View File

@ -49,7 +49,7 @@ export default function RootLayout({
src="https://analytics.fascinated.cc/js/script.js"
/>
<body className={clsx(font.className, "bg-black text-white")}>
<body className={clsx(font.className, "bg-black text-primary")}>
<div className="fixed left-0 top-0 z-0 h-full w-full blur-sm">
<Image
className="object-fill object-center"

View File

@ -5,6 +5,7 @@ import { useSettingsStore } from "@/store/settingsStore";
import React from "react";
import { TooltipProvider } from "./ui/Tooltip";
import { ThemeProvider } from "./ui/theme-provider";
const UPDATE_INTERVAL = 1000 * 60 * 5; // 5 minutes
export default class AppProvider extends React.Component {

View File

@ -23,7 +23,7 @@ export default function Pagination(props: PaginationProps) {
}
return (
<div className="flex justify-center text-white">
<div className="flex justify-center text-primary">
<nav>
<ul className="flex items-center gap-2">
{currentPage > 1 && (
@ -60,7 +60,7 @@ export default function Pagination(props: PaginationProps) {
<button
className={`rounded-md px-3 py-1 ${
pageNumber === currentPage
? "bg-blue-500 text-white"
? "bg-blue-500 text-primary"
: "bg-neutral-700 hover:opacity-80"
}`}
onClick={() => onPageChange(pageNumber)}

View File

@ -96,8 +96,8 @@ export default function Leaderboard({ id, page }: LeaderboardProps) {
return (
<Container>
<div className="flex flex-col gap-2 md:flex-row">
<Card className="mt-2 flex">
<div className="mt-2 flex flex-col gap-2 md:flex-row">
<Card outerClassName="h-fit" className="mt-2 flex">
<div className="flex min-w-[300px] flex-wrap justify-between gap-2 md:justify-start">
<div className="flex gap-2">
<Image