diff --git a/src/frontend/apps/impress/src/components/quick-search/QuickSearchItemContent.tsx b/src/frontend/apps/impress/src/components/quick-search/QuickSearchItemContent.tsx index fd167d1d..94dc5efc 100644 --- a/src/frontend/apps/impress/src/components/quick-search/QuickSearchItemContent.tsx +++ b/src/frontend/apps/impress/src/components/quick-search/QuickSearchItemContent.tsx @@ -29,7 +29,12 @@ export const QuickSearchItemContent = ({ $justify="space-between" $width="100%" > - + {left} diff --git a/src/frontend/apps/impress/src/components/quick-search/QuickSearchStyle.tsx b/src/frontend/apps/impress/src/components/quick-search/QuickSearchStyle.tsx index 0b636ec6..7738f2cb 100644 --- a/src/frontend/apps/impress/src/components/quick-search/QuickSearchStyle.tsx +++ b/src/frontend/apps/impress/src/components/quick-search/QuickSearchStyle.tsx @@ -65,8 +65,8 @@ export const QuickSearchStyle = createGlobalStyle` [cmdk-list] { - padding: 0 var(--c--theme--spacings--sm) var(--c--theme--spacings--sm) - var(--c--theme--spacings--sm); + padding: 0 var(--c--theme--spacings--base) var(--c--theme--spacings--base) + var(--c--theme--spacings--base); flex:1; overflow-y: auto; @@ -114,7 +114,7 @@ export const QuickSearchStyle = createGlobalStyle` display: flex; align-items: center; - margin-bottom: var(--c--theme--spacings--base); + margin-bottom: var(--c--theme--spacings--xs); } [cmdk-empty] { diff --git a/src/frontend/apps/impress/src/features/docs/doc-search/components/DocSearchItem.tsx b/src/frontend/apps/impress/src/features/docs/doc-search/components/DocSearchItem.tsx index c931878f..e066193a 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-search/components/DocSearchItem.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-search/components/DocSearchItem.tsx @@ -1,6 +1,4 @@ -import { DateTime } from 'luxon'; - -import { Box, Icon, Text } from '@/components'; +import { Box, Icon } from '@/components'; import { QuickSearchItemContent } from '@/components/quick-search/QuickSearchItemContent'; import { Doc } from '@/features/docs/doc-management'; import { SimpleDocItem } from '@/features/docs/docs-grid/components/SimpleDocItem'; @@ -13,26 +11,19 @@ type DocSearchItemProps = { export const DocSearchItem = ({ doc }: DocSearchItemProps) => { const { isDesktop } = useResponsiveStore(); return ( -
+ + - {isDesktop && ( - - - {DateTime.fromISO(doc.updated_at).toRelative()} - - - )} } right={ } /> -
+
); };