1 line
18 KiB
JSON
1 line
18 KiB
JSON
|
{"ast":null,"code":"var _jsxFileName = \"D:\\\\aiproject\\\\goAgent\\\\todo\\\\client\\\\src\\\\components\\\\TodoList.js\";\nimport React from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport TodoItem from './TodoItem';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst fadeIn = keyframes`\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n`;\nconst ListContainer = styled.div`\n background: ${({\n theme\n}) => theme.colors.glass.light};\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: ${({\n theme\n}) => theme.borderRadius.xl};\n padding: ${({\n theme\n}) => theme.spacing.xl};\n box-shadow: ${({\n theme\n}) => theme.shadows.lg};\n border: 1px solid ${({\n theme\n}) => theme.colors.glass.light};\n animation: ${fadeIn} 0.5s ease-out;\n\n @media (prefers-color-scheme: dark) {\n background: ${({\n theme\n}) => theme.colors.glass.dark};\n border-color: ${({\n theme\n}) => theme.colors.glass.dark};\n }\n\n @media (max-width: ${({\n theme\n}) => theme.breakpoints.md}) {\n padding: ${({\n theme\n}) => theme.spacing.lg};\n border-radius: ${({\n theme\n}) => theme.borderRadius.lg};\n }\n`;\n_c = ListContainer;\nconst DateHeader = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: ${({\n theme\n}) => theme.spacing.xl};\n padding-bottom: ${({\n theme\n}) => theme.spacing.md};\n border-bottom: 2px solid ${({\n theme\n}) => theme.colors.glass.light};\n\n @media (prefers-color-scheme: dark) {\n border-bottom-color: ${({\n theme\n}) => theme.colors.glass.dark};\n }\n\n @media (max-width: ${({\n theme\n}) => theme.breakpoints.md}) {\n margin-bottom: ${({\n theme\n}) => theme.spacing.lg};\n padding-bottom: ${({\n theme\n}) => theme.spacing.sm};\n }\n`;\n_c2 = DateHeader;\nconst DateLabel = styled.h3`\n color: ${({\n theme\n}) => theme.colors.text.primary};\n font-size: ${({\n theme\n}) => theme.typography.fontSize.xl};\n font-weight: ${({\n theme\n}) => theme.typography.fontWeight.semibold};\n margin: 0;\n display: flex;\n align-items: center;\n gap: ${({\n theme\n}) => theme.spacing.sm};\n\n &::before {\n content: '📅';\n font-size: 1.2em;\n }\n\n @media (max-width: ${({\n theme\n}) => theme.breakpoints.md}) {\n font-size: ${({\n theme\n}) => theme.typography.fontSize.lg};\n }\n`;\n_c3 = DateLabel;\nconst TodoCount = styled.div`\n display: flex;\n align-items: center;\n gap: ${({\n theme\n}) => theme.spacing.xs};\n padding: ${({\n theme\n}) => `${theme.spacing.xs} ${theme.spacing.md}`};\n background: ${({\n theme\n}) => theme.colors.primary}20;\n color: ${({\n theme\n}) => theme.colors.primary};\n border-radius: ${({\n theme\n}) => theme.borderRadius.full};\n font-size: ${({\n theme\n}) => theme.typography.fontSize.sm};\n font-weight: ${({\n theme\n}) => theme.typography.fontWeight.medium};\n transition: all ${({\n theme\n}) => theme.transitions.default};\n\n &:hover {\n background: ${({\n theme\n}) => theme.colors.primary}30;\n transform: translateY(-1px);\n }\n\n &::before {\n content: '📊';\n font-size: 1.1em;\n }\n`;\n_c4 = TodoCount;\nconst TodoItems = styled.div`\n display: flex;\n flex-direction: column;\n gap: ${({\n theme\n}) => theme.spacing.md};\n\n @media (max-width: ${({\n theme\n}) => theme.breakpoints.md}) {\n gap: ${({\n theme\n}) => theme.spacing.sm};\n }\n`;\n_c5 = TodoItems;\nconst EmptyMessage = styled.div`\n text-align: center;\n padding: ${({\n theme\n}) => theme.spacing.xl};\n color: ${({\n theme\n}) => theme.colors.text.secondary};\n font-size: ${({\n theme\n}) => theme.typography.fontSize.lg};\n background: ${({\n theme\n}) => theme.colors.glass.light};\n border-radius: ${({\n theme\n}) => theme.borderRadius.lg};\n border: 2px dashed ${({\n theme\n}) => theme.colors.glass.light};\n animation: ${fadeIn} 0.5s ease-out;\n\n @media (prefers-color-scheme: dark) {
|