root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: font size for mobile

Browse Source
This commit is contained in:
hamster1963 2024-09-25 09:38:52 +08:00
parent ef426b1dfd
commit 393cca8ba8
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/(main)/ClientComponents/ServerOverviewClient.tsx
View File

@ -19,7 +19,7 @@ export default function ServerOverviewClient() {
<Card> <Card>
<CardContent className="px-6 py-3"> <CardContent className="px-6 py-3">
<section className="flex flex-col gap-1"> <section className="flex flex-col gap-1">
<p className="text-md font-medium">Total servers</p> <p className="text-sm md:text-base font-medium">Total servers</p>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="relative flex h-2 w-2"> <span className="relative flex h-2 w-2">
<span className="relative inline-flex h-2 w-2 rounded-full bg-blue-500"></span> <span className="relative inline-flex h-2 w-2 rounded-full bg-blue-500"></span>
@ -40,7 +40,7 @@ export default function ServerOverviewClient() {
<Card> <Card>
<CardContent className="px-6 py-3"> <CardContent className="px-6 py-3">
<section className="flex flex-col gap-1"> <section className="flex flex-col gap-1">
<p className="text-md font-medium">Online servers</p> <p className="text-sm md:text-base font-medium">Online servers</p>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="relative flex h-2 w-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> <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> <Card>
<CardContent className="px-6 py-3"> <CardContent className="px-6 py-3">
<section className="flex flex-col gap-1"> <section className="flex flex-col gap-1">
<p className="text-md font-medium">Offline servers</p> <p className="text-sm md:text-base font-medium">Offline servers</p>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="relative flex h-2 w-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> <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> <Card>
<CardContent className="relative px-6 py-3"> <CardContent className="relative px-6 py-3">
<section className="flex flex-col gap-1"> <section className="flex flex-col gap-1">
<p className="text-md font-medium">Total bandwidth</p> <p className="text-sm md:text-base font-medium">Total bandwidth</p>
{data ? ( {data ? (
<p className="text-lg font-semibold"> <p className="text-lg font-semibold">
{formatBytes(data?.total_bandwidth)} {formatBytes(data?.total_bandwidth)}

4
app/(main)/header.tsx
View File

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