enhance(ui): alignments for the headings with positioned icons within editing mode

experiment/tanstack-table
charlie 2024-06-09 12:53:38 +08:00
parent 03a0e99b65
commit c12880ab3d
1 changed files with 8 additions and 8 deletions

View File

@ -409,7 +409,7 @@
.block-main-container { .block-main-container {
@apply min-h-[24px]; @apply min-h-[24px];
&:has(h1.as-heading) { &:has(h1.as-heading), &:has(textarea.h1) {
.block-control-wrap { .block-control-wrap {
@apply relative top-4; @apply relative top-4;
} }
@ -421,7 +421,7 @@
} }
} }
&:has(h2.as-heading) { &:has(h2.as-heading), &:has(textarea.h2) {
.block-control-wrap { .block-control-wrap {
@apply relative top-3; @apply relative top-3;
} }
@ -433,14 +433,14 @@
} }
} }
&:has(h3.as-heading) { &:has(h3.as-heading), &:has(textarea.h3) {
.block-control-wrap { .block-control-wrap {
@apply relative top-[3px]; @apply relative top-[2px];
} }
.block-content-or-editor-wrap { .block-content-or-editor-wrap {
.positioned-properties { .positioned-properties {
@apply relative top-1; @apply relative top-[3px];
} }
} }
} }
@ -451,9 +451,9 @@
} }
} }
&:has(h6.as-heading) { &:has(h6.as-heading), &:has(textarea.h6) {
.block-control-wrap { h6.as-heading, textarea.h6 {
@apply relative -top-0.5; @apply pt-1;
} }
} }
} }