perf: 优化样式和跳转返回页面状态

This commit is contained in:
Montia37
2025-09-05 18:49:31 +08:00
parent b10f40195a
commit e6dc8b1776
6 changed files with 77 additions and 44 deletions

View File

@@ -84,10 +84,9 @@ const Flag = React.memo(({ flag, size }: FlagProps) => {
return (
<Box
as="span"
className={`self-center flex-shrink-0 ${
className={`self-center flex-shrink-0 inline-flex items-center ${
size ? `w-${size} h-${size}` : "w-6 h-6"
}`}
style={{ display: "inline-flex", alignItems: "center" }}
aria-label={altText}>
<img
src={imgSrc}

View File

@@ -62,7 +62,7 @@ export const StatsBar = ({
return (
displayOptions.time && (
<div className="w-full py-1" key="time">
<div className="rt-Flex rt-r-fd-column rt-r-gap-2">
<div className="flex flex-col gap-2">
<label className="text-secondary-foreground text-sm">
</label>
@@ -77,7 +77,7 @@ export const StatsBar = ({
return (
displayOptions.online && (
<div className="w-full py-1" key="online">
<div className="rt-Flex rt-r-fd-column rt-r-gap-2">
<div className="flex flex-col gap-2">
<label className="text-secondary-foreground text-sm">
线
</label>
@@ -94,7 +94,7 @@ export const StatsBar = ({
return (
displayOptions.regions && (
<div className="w-full py-1" key="regions">
<div className="rt-Flex rt-r-fd-column rt-r-gap-2">
<div className="flex flex-col gap-2">
<label className="text-secondary-foreground text-sm">
</label>
@@ -109,7 +109,7 @@ export const StatsBar = ({
return (
displayOptions.traffic && (
<div className="w-full py-1" key="traffic">
<div className="rt-Flex rt-r-fd-column rt-r-gap-2">
<div className="flex flex-col gap-2">
<label className="text-secondary-foreground text-sm">
</label>
@@ -131,7 +131,7 @@ export const StatsBar = ({
return (
displayOptions.speed && (
<div className="w-full py-1" key="speed">
<div className="rt-Flex rt-r-fd-column rt-r-gap-2">
<div className="flex flex-col gap-2">
<label className="text-secondary-foreground text-sm">
</label>