clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-28 14:39:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(icon): breathing room between search input and first content row

Browse Source 
Add `pt-1` to `.cp__emoji-icon-picker > .bd` so the icon grid (and the
"Recently used" header) doesn't sit flush against the search input.
Asset-picker already had `py-1` on `.bd`, but its avatar-customize
banner negates that margin to keep the expanded-state gradient flush
against the topbar — add a 4px gap to the first `.pane-section`
following the banner so the grid doesn't read crammed against the
banner's bottom border.
This commit is contained in:
scheinriese
2026-05-20 03:39:36 +02:00
parent e967718a3d
commit d48eea2629
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/main/frontend/components/icon.css
View File

@@ -54,7 +54,7 @@
}
> .bd {
@apply flex-1 overflow-y-auto;
@apply flex-1 pt-1 overflow-y-auto;
@apply bg-gray-02;
min-height: 0;
@@ -2049,6 +2049,14 @@
--avatar-size: 56px;
}
/* Customize banner sits flush against the search topbar by design (see
`margin-top: -4px` above). The first content section that follows it,
however, should get a tiny gap so the grid doesn't read crammed against
the banner's bottom border. */
.avatar-customize-zone + .pane-section {
margin-top: 4px;
}
/* Whole-row click target. Invisible overlay sitting above the resting
row so the entire avatar-customize-zone surface (edge to edge,
including its 18px horizontal padding) is one accessible <button>.