fix: font size for mobile

hamster1963 · Sep 25, 2024 · f9321c4 · f9321c4
1 parent 663ad72
commit f9321c4
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 19 deletions.
diff --git a/README.md b/README.md
@@ -5,12 +5,9 @@
 
 </div>
 
-
-| 一键部署到 Vercel-推荐                         | Docker部署                 | Cloudflare部署                             |
-| ------------------------------ | -------------------- | -------------------------------- |
-| [部署简易教程](https://buycoffee.top/blog/tech/nezha)                  | [Docker 部署教程](https://buycoffee.top/blog/tech/nezha-docker)       | [Cloudflare 部署教程](https://buycoffee.top/blog/tech/nezha-cloudflare)           |
-
-
+| 一键部署到 Vercel-推荐                                | Docker部署                                                      | Cloudflare部署                                                          |
+| ----------------------------------------------------- | --------------------------------------------------------------- | ----------------------------------------------------------------------- |
+| [部署简易教程](https://buycoffee.top/blog/tech/nezha) | [Docker 部署教程](https://buycoffee.top/blog/tech/nezha-docker) | [Cloudflare 部署教程](https://buycoffee.top/blog/tech/nezha-cloudflare) |
 
 #### 环境变量
 

diff --git a/app/(main)/ClientComponents/ServerOverviewClient.tsx b/app/(main)/ClientComponents/ServerOverviewClient.tsx
@@ -19,7 +19,7 @@ export default function ServerOverviewClient() {
       <Card>
         <CardContent className="px-6 py-3">
           <section className="flex flex-col gap-1">
-            <p className="text-md font-medium">Total servers</p>
+            <p className="text-sm font-medium md:text-base">Total servers</p>
             <div className="flex items-center gap-2">
               <span className="relative flex h-2 w-2">
                 <span className="relative inline-flex h-2 w-2 rounded-full bg-blue-500"></span>
@@ -40,7 +40,7 @@ export default function ServerOverviewClient() {
       <Card>
         <CardContent className="px-6 py-3">
           <section className="flex flex-col gap-1">
-            <p className="text-md font-medium">Online servers</p>
+            <p className="text-sm font-medium md:text-base">Online servers</p>
             <div className="flex items-center gap-2">
               <span className="relative flex h-2 w-2">
                 <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-500 opacity-75"></span>
@@ -62,7 +62,7 @@ export default function ServerOverviewClient() {
       <Card>
         <CardContent className="px-6 py-3">
           <section className="flex flex-col gap-1">
-            <p className="text-md font-medium">Offline servers</p>
+            <p className="text-sm font-medium md:text-base">Offline servers</p>
             <div className="flex items-center gap-2">
               <span className="relative flex h-2 w-2">
                 <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-red-500 opacity-75"></span>
@@ -84,7 +84,7 @@ export default function ServerOverviewClient() {
       <Card>
         <CardContent className="relative px-6 py-3">
           <section className="flex flex-col gap-1">
-            <p className="text-md font-medium">Total bandwidth</p>
+            <p className="text-sm font-medium md:text-base">Total bandwidth</p>
             {data ? (
               <p className="text-lg font-semibold">
                 {formatBytes(data?.total_bandwidth)}
@@ -97,7 +97,7 @@ export default function ServerOverviewClient() {
           </section>
           {!disableCartoon && (
             <Image
-              className="pointer-events-none absolute right-3 top-[-85px] z-10 w-20"
+              className="pointer-events-none absolute right-3 top-[-85px] z-10 w-20 scale-90 md:scale-100"
               alt={"Hamster1963"}
               src={blogMan}
               priority

diff --git a/app/(main)/header.tsx b/app/(main)/header.tsx
@@ -10,7 +10,7 @@ function Header() {
   return (
     <div className="mx-auto w-full max-w-5xl">
       <section className="flex items-center justify-between">
-        <section className="text-md flex items-center font-medium">
+        <section className="flex items-center text-base font-medium">
           <div className="mr-1 flex flex-row items-center justify-start">
             <Image
               width={40}
@@ -72,7 +72,7 @@ function Overview() {
 
   return (
     <section className={"mt-10 flex flex-col md:mt-16"}>
-      <p className="text-md font-semibold">👋 Overview</p>
+      <p className="text-base font-semibold">👋 Overview</p>
       <div className="flex items-center gap-1.5">
         <p className="text-sm font-medium opacity-50">where the time is</p>
         {mouted && (

diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev -p 3020 --turbo",
+    "dev": "next dev -p 3020",
     "start": "node .next/standalone/server.js",
     "lint": "next lint",
     "build": "next build && cp -r .next/static .next/standalone/.next/ && cp -r public .next/standalone/"
@@ -20,6 +20,7 @@
     "@radix-ui/react-tooltip": "^1.1.2",
     "@types/luxon": "^3.4.2",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "caniuse-lite": "^1.0.30001663",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "country-flag-icons": "^1.5.13",
@@ -43,16 +44,16 @@
     "eslint-plugin-turbo": "^2.1.2",
     "eslint-plugin-unused-imports": "^4.1.4",
     "@next/bundle-analyzer": "^14.2.13",
-    "@types/node": "^22.5.5",
-    "@types/react": "^18.3.8",
+    "@types/node": "^22.7.0",
+    "@types/react": "^18.3.9",
     "@types/react-dom": "^18.3.0",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.11.0",
+    "eslint": "^9.11.1",
     "eslint-config-next": "^14.2.13",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.6",
-    "tailwindcss": "^3.4.12",
+    "prettier-plugin-tailwindcss": "^0.6.8",
+    "tailwindcss": "^3.4.13",
     "typescript": "^5.6.2"
   }
 }