Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-15 05:37:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: width of cmd-item button on quick-search modal (#2273)

Browse Source
This commit is contained in:
Fangdun Tsai
2023-05-09 10:13:11 +08:00
committed by GitHub
parent 11d1d773ff
commit cba3293326
2 changed files with 22 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
apps/web/src/components/pure/quick-search-modal/index.tsx
View File

@@ -159,15 +159,7 @@ export const QuickSearchModal: React.FC<QuickSearchModalProps> = ({
<StyledContent
style={{ display: isPublicAndNoQuery() ? 'none' : '' }}
>
{!isPublicWorkspace ? (
<Results
query={query}
onClose={handleClose}
router={router}
blockSuiteWorkspace={blockSuiteWorkspace}
setShowCreatePage={setShowCreatePage}
/>
) : (
{isPublicWorkspace ? (
<PublishedResults
blockSuiteWorkspace={blockSuiteWorkspace}
query={query}
@@ -176,22 +168,28 @@ export const QuickSearchModal: React.FC<QuickSearchModalProps> = ({
setPublishWorkspaceName={setPublishWorkspaceName}
data-testid="published-search-results"
/>
) : (
<Results
query={query}
onClose={handleClose}
router={router}
blockSuiteWorkspace={blockSuiteWorkspace}
setShowCreatePage={setShowCreatePage}
/>
)}
</StyledContent>
{!isPublicWorkspace ? (
showCreatePage ? (
<>
<StyledModalDivider />
<StyledModalFooter>
<Footer
query={query}
onClose={handleClose}
blockSuiteWorkspace={blockSuiteWorkspace}
router={router}
/>
</StyledModalFooter>
</>
) : null
{isPublicWorkspace ? null : showCreatePage ? (
<>
<StyledModalDivider />
<StyledModalFooter>
<Footer
query={query}
onClose={handleClose}
blockSuiteWorkspace={blockSuiteWorkspace}
router={router}
/>
</StyledModalFooter>
</>
) : null}
</Command.List>
</Command>

2
apps/web/src/components/pure/quick-search-modal/style.ts
View File

@@ -161,7 +161,7 @@ export const StyledModalFooterContent = styled('button')(() => {
});
export const StyledListItem = styled('button')(() => {
return {
// width: '612px',
width: '100%',
height: '32px',
fontSize: 'inherit',
color: 'inherit',