浏览代码

enhance(ui): simplify css code

charlie 10 月之前
父节点
当前提交
94d44f0c88
共有 1 个文件被更改,包括 4 次插入8 次删除
  1. 4 8
      src/main/frontend/components/file_sync.css

+ 4 - 8
src/main/frontend/components/file_sync.css

@@ -10,16 +10,12 @@
       @apply relative;
       @apply relative;
 
 
       &.on {
       &.on {
+        @apply after:content-['*'];
+
         &:after {
         &:after {
-          content: " ";
-          position: absolute;
-          bottom: 10px;
-          right: 8px;
-          width: 7px;
-          height: 7px;
+          @apply absolute bottom-2.5 right-1 w-[7px] h-[7px] rounded-full opacity-100 text-transparent;
+
           background-color: var(--ls-color-file-sync-pending);
           background-color: var(--ls-color-file-sync-pending);
-          border-radius: 100%;
-          opacity: 1;
         }
         }
 
 
         &.syncing {
         &.syncing {