mirror of
https://github.com/hamster1963/nezha-dash.git
synced 2025-04-24 21:10:45 +08:00
fix: font size for mobile
This commit is contained in:
hamster1963
parent
663ad72bff
commit
f9321c4a90
@ -5,13 +5,10 @@
|
||||
|
||||
</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) |
|
||||
|
||||
|
||||
|
||||
#### 环境变量
|
||||
|
||||
| 变量名 | 含义 | 示例 |
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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 && (
|
||||
|
||||
13
package.json
13
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"
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user