introduce dot icon

repath-project · Mar 4, 2024 · 2c15e71 · 2c15e71
1 parent 4e4f558
commit 2c15e71
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/resources/public/icons/dot.svg b/resources/public/icons/dot.svg
diff --git a/src/renderer/document/styles.css b/src/renderer/document/styles.css
@@ -4,14 +4,14 @@
   flex: 0 1 130px;
 
   .close-document-button {
-    @apply icon-button invisible;
+    @apply icon-button invisible relative;
 
-    .circle {
-      @apply small absolute inset-0 text-center bg-primary;
+    .dot {
+      @apply absolute inset-0 bg-primary flex items-center;
     }
 
     &:hover {
-      .circle {
+      .dot {
         @apply hidden;
       }
     }

diff --git a/src/renderer/document/views.cljs b/src/renderer/document/views.cljs
@@ -67,7 +67,7 @@
                      (rf/dispatch [:document/close key]))}
    [comp/icon "times"]
    (when-not saved?
-     [:div.circle "●"])])
+     [comp/icon "dot" {:class "dot"}])])
 
 (defn context-menu
   [key]