mirror of
https://github.com/wassname/Open-Assistant.git
synced 2026-08-09 11:40:53 +08:00
Style Empty State and 404
This commit is contained in:
@@ -1,14 +1,12 @@
|
||||
import { Box, Center, Progress, Text, useColorModeValue } from "@chakra-ui/react";
|
||||
|
||||
export const LoadingScreen = ({ text = "Loading..." } = {}) => {
|
||||
const mainBgClasses = useColorModeValue("bg-slate-300 text-gray-900", "bg-slate-900 text-white");
|
||||
|
||||
return (
|
||||
<Box width="full" className={mainBgClasses}>
|
||||
<Box width="full">
|
||||
<Progress size="sm" isIndeterminate />
|
||||
{text && (
|
||||
<Center width="full" className="p-12">
|
||||
<Text fontFamily="Inter">{text}</Text>
|
||||
<Center width="full" p="12">
|
||||
<Text>{text}</Text>
|
||||
</Center>
|
||||
)}
|
||||
</Box>
|
||||
|
||||
Reference in New Issue
Block a user