/
githubmirror
/
Open-Assistant
Обзор
Документация
Войти
/
githubmirror
/
Open-Assistant
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
website/src/styles/Theme/components/Card.ts
37 строк
919 B
notmd
System config parameter view
02 фев 2023, 16:23
02 фев 2023, 16:23
28ee771
Код
Авторство
О чём код?
import { cardAnatomy } from "@chakra-ui/anatomy"; import { createMultiStyleConfigHelpers } from "@chakra-ui/react"; const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(cardAnatomy.keys); export const cardTheme = defineMultiStyleConfig({ baseStyle: definePartsStyle(({ colorMode }) => { const isLightMode = colorMode === "light"; return { container: { backgroundColor: isLightMode ? "white" : "gray.700", }, header: {}, body: { padding: 6, }, footer: {}, }; }), sizes: { md: definePartsStyle({ container: { borderRadius: "xl", }, }), }, variants: { json: definePartsStyle(({ colorMode }) => { const isLightMode = colorMode === "light"; return { container: { backgroundColor: isLightMode ? "gray.100" : "gray.800", }, }; }), }, });