fix: some style enhancements

pengx17 · Sep 2, 2021 · 277ee7c · 277ee7c
1 parent 99d672f
commit 277ee7c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/PageTabs.css b/src/PageTabs.css
@@ -18,13 +18,17 @@
 }
 
 .logseq-tab-title {
-  @apply overflow-ellipsis max-w-80 px-1 overflow-hidden whitespace-nowrap inline transition-all duration-100 ease-in-out;
+  @apply overflow-ellipsis max-w-80 px-0.5 overflow-hidden whitespace-nowrap inline transition-all duration-100 ease-in-out;
 }
 
 .logseq-tab[data-active="false"] .logseq-tab-title {
   @apply max-w-40;
 }
 
+.logseq-tab[data-pinned="true"] .logseq-tab-title {
+  @apply max-w-10 overflow-ellipsis;
+}
+
 .logseq-tab[data-active="false"] button:hover {
   visibility: hidden;
 }

diff --git a/src/PageTabs.tsx b/src/PageTabs.tsx
@@ -115,6 +115,9 @@ const Tabs = React.forwardRef<HTMLElement, TabsProps>(
               onDragStart={onDragStart}
               className="logseq-tab"
             >
+              <div className="text-xs rounded border mr-1 px-1 inline light:bg-white dark:bg-dark">
+                {isBlock(tab) ? "B" : "P"}
+              </div>
               <span className="logseq-tab-title">
                 {tab.originalName ?? tab.name}{" "}
                 {isBlock(tab) &&