mirror of
https://github.com/xiaoxinpro/nginx-proxy-manager-zh.git
synced 2025-03-16 18:43:01 -04:00
39 lines
957 B
TypeScript
39 lines
957 B
TypeScript
import { Box, Flex, Heading, Text, Stack } from "@chakra-ui/react";
|
|
import { LocalePicker, ThemeSwitcher } from "components";
|
|
import { intl } from "locale";
|
|
import { FaTimes } from "react-icons/fa";
|
|
|
|
function Unhealthy() {
|
|
return (
|
|
<>
|
|
<Stack h={10} m={4} justify="end" direction="row">
|
|
<ThemeSwitcher />
|
|
<LocalePicker className="text-right" />
|
|
</Stack>
|
|
<Box textAlign="center" py={10} px={6}>
|
|
<Box display="inline-block">
|
|
<Flex
|
|
flexDirection="column"
|
|
justifyContent="center"
|
|
alignItems="center"
|
|
bg="red.500"
|
|
rounded="50px"
|
|
w="55px"
|
|
h="55px"
|
|
textAlign="center">
|
|
<FaTimes size="30px" color="white" />
|
|
</Flex>
|
|
</Box>
|
|
<Heading as="h2" size="xl" mt={6} mb={2}>
|
|
{intl.formatMessage({ id: "unhealthy.title" })}
|
|
</Heading>
|
|
<Text color="gray.500">
|
|
{intl.formatMessage({ id: "unhealthy.body" })}
|
|
</Text>
|
|
</Box>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export { Unhealthy };
|