ui: fix marker

packages/ui-default/components/marker/Marker.js

@@ -33,6 +33,7 @@ class Marker {
       <div class="marker" id="${MARKER_ID}"><div class="marker__toolbar">
         <div class="marker__action" data-color="#ffff00" data-tooltip="${i18n('Mark Yellow')}"><span class="marker__icon icon-yellow"></span></div>
         <div class="marker__action" data-color="#47ff6f" data-tooltip="${i18n('Mark Green')}"><span class="marker__icon icon-green"></span></div>
+        <div class="marker__action" data-color="#ff3b30" data-tooltip="${i18n('Mark Red')}"><span class="marker__icon icon-red"></span></div>
         <div class="marker__action" data-color="transparent" data-tooltip="${i18n('Clear Marks')}"><span class="icon icon-erase"></span></div>
       </div></div>
     `)

packages/ui-default/components/marker/marker.page.styl

@@ -20,13 +20,13 @@ body > .marker
     transform: none
     pointer-events: auto
 
-  &__toolbar
+  .marker__toolbar
     padding: 1px
     background: $toolbar-bg
     white-space: nowrap
     font-size: 0
 
-  &__action
+  .marker__action
     display: inline-block
     text-align: center
     font-size: rem($font-size-icon)
@@ -40,7 +40,7 @@ body > .marker
       background: $toolbar-bg-hover
       color: $toolbar-fore-hover
 
-  &__icon
+  .marker__icon
     display: block
     margin: rem(2px)
     width: rem(12px)
@@ -52,3 +52,6 @@ body > .marker
 
     &.icon-green
       background: #54d651
+
+    &.icon-red
+      background: #ff3b30

packages/ui-default/locales/zh.yaml

@@ -450,6 +450,7 @@ manage: 管理
 Manage: 管理
 Manager: 管理
 Mark Green: 标绿
+Mark Red: 标红
 Mark Yellow: 标黄
 Memory Cost: 内存占用
 Memory Info: 内存信息

packages/ui-default/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.31.6",
+  "version": "4.31.7",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",