fix: Table of contents slightly covers emoji picker

closes #6006
2023-10-14 09:07:17 -04:00
parent 6a74fdf6cf
commit c32ac1a265
1 changed files with 3 additions and 2 deletions
--- a/app/scenes/Document/components/Contents.tsx
+++ b/app/scenes/Document/components/Contents.tsx
@@ -107,13 +107,13 @@ const Sticky = styled.div`
  background: ${s("background")};
  transition: ${s("backgroundTransition")};

-  margin-top: 72px;
+  margin-top: 80px;
  margin-right: 52px;
  min-width: 204px;
  width: 228px;
  min-height: 40px;
  overflow-y: auto;
-  padding: 4px 16px;
+  padding: 0 16px;
  border-radius: 8px;

  @supports (backdrop-filter: blur(20px)) {
@@ -127,6 +127,7 @@ const Heading = styled.h3`
  font-weight: 600;
  color: ${s("textTertiary")};
  letter-spacing: 0.03em;
+  margin-top: 10px;
 `;

 const Empty = styled(Text)`