💄(frontend) adapt some style
- editor block padding only when background - increase icon shadow grid
This commit is contained in:
@@ -72,8 +72,7 @@ export const cssEditor = (readonly: boolean) => css`
|
|||||||
border-radius: var(--c--theme--spacings--3xs);
|
border-radius: var(--c--theme--spacings--3xs);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bn-block-content[data-content-type='paragraph'],
|
.bn-block[data-background-color] > .bn-block-content {
|
||||||
.bn-block-content[data-content-type='heading'] {
|
|
||||||
padding: var(--c--theme--spacings--3xs) var(--c--theme--spacings--3xs);
|
padding: var(--c--theme--spacings--3xs) var(--c--theme--spacings--3xs);
|
||||||
border-radius: var(--c--theme--spacings--3xs);
|
border-radius: var(--c--theme--spacings--3xs);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -40,7 +40,7 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => {
|
|||||||
$align="center"
|
$align="center"
|
||||||
role="row"
|
role="row"
|
||||||
$gap="20px"
|
$gap="20px"
|
||||||
$padding={{ vertical: '2xs', horizontal: isDesktop ? 'base' : 'xs' }}
|
$padding={{ vertical: '4xs', horizontal: isDesktop ? 'base' : 'xs' }}
|
||||||
$css={css`
|
$css={css`
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|||||||
@@ -50,6 +50,7 @@ export const SimpleDocItem = ({
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.05));
|
filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.05));
|
||||||
`}
|
`}
|
||||||
|
$padding={`${spacingsTokens['3xs']} 0`}
|
||||||
>
|
>
|
||||||
{isPinned ? (
|
{isPinned ? (
|
||||||
<PinnedDocumentIcon
|
<PinnedDocumentIcon
|
||||||
|
|||||||
Reference in New Issue
Block a user