Kaynağa Gözat

enhance(ui): polish details of the command popups

charlie 1 yıl önce
ebeveyn
işleme
7226378b16

+ 1 - 1
src/main/frontend/common.css

@@ -384,7 +384,7 @@ button.menu:focus {
 
 .menu-link {
   @apply text-popover-foreground/75 select-none hover:text-popover-foreground/100;
-  @apply text-sm px-2 py-1.5 mx-1 hover:rounded transition-opacity duration-150;
+  @apply text-sm px-2 py-1.5 hover:rounded transition-opacity duration-150;
 }
 
 .menu-separator {

+ 3 - 3
src/main/frontend/components/editor.css

@@ -73,7 +73,7 @@ pre {
 
 .ui__popover-content, .ui__dropdown-menu-content {
   &[data-editor-popup-ref] {
-    @apply p-1 w-72;
+    @apply p-1.5 w-72;
 
     &[data-side=top] {
       position: relative;
@@ -82,7 +82,7 @@ pre {
   }
 
   &[data-editor-popup-ref=commands] {
-    @apply px-1 py-1 w-72;
+    @apply w-72;
 
     &[data-side=top] {
       max-height: min(calc(var(--radix-popover-content-available-height) - 60px), 460px);
@@ -96,7 +96,7 @@ pre {
   &[data-editor-popup-ref=page-search],
   &[data-editor-popup-ref=block-search],
   &[data-editor-popup-ref=page-search-hashtag] {
-    @apply px-1 py-1 w-full sm:w-128;
+    @apply w-full sm:w-128;
   }
 
   &[data-editor-popup-ref=datepicker] {