调整宽度

src/components/Footer.tsx

@@ -15,7 +15,7 @@ const Footer: React.FC = () => {
   })
 
   return (
-    <footer className="mx-auto w-full max-w-6xl px-4 lg:px-0 pb-4 server-footer">
+    <footer className="mx-auto w-full max-w-5xl px-4 lg:px-0 pb-4 server-footer">
       <section className="flex flex-col">
         <section className="mt-1 flex items-center sm:flex-row flex-col justify-between gap-2 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50 server-footer-name">
           <div className="flex items-center gap-1">

src/components/Header.tsx

@@ -76,7 +76,7 @@ function Header() {
   const customBackgroundImage = backgroundImage
 
   return (
-    <div className="mx-auto w-full max-w-6xl">
+    <div className="mx-auto w-full max-w-5xl">
       <section className="flex items-center justify-between header-top">
         <section
           onClick={() => {

src/components/loading/ServerDetailLoading.tsx

@@ -22,7 +22,7 @@ export function ServerDetailLoading() {
   const navigate = useNavigate()
 
   return (
-    <div className="mx-auto w-full max-w-6xl px-0">
+    <div className="mx-auto w-full max-w-5xl px-0">
       <div
         onClick={() => {
           navigate("/")

src/pages/Server.tsx

@@ -211,7 +211,7 @@ export default function Servers() {
   })
 
   return (
-    <div className="mx-auto w-full max-w-6xl px-0">
+    <div className="mx-auto w-full max-w-5xl px-0">
       <ServerOverview
         total={totalServers}
         online={onlineServers}

src/pages/ServerDetail.tsx

@@ -24,7 +24,7 @@ export default function ServerDetail() {
   }
 
   return (
-    <div className="mx-auto w-full max-w-6xl px-0 flex flex-col gap-4 server-info">
+    <div className="mx-auto w-full max-w-5xl px-0 flex flex-col gap-4 server-info">
       <ServerDetailOverview server_id={server_id} />
       <section className="flex items-center my-2 w-full">
         <Separator className="flex-1" />