|
@@ -15,39 +15,29 @@
|
|
|
</span>
|
|
|
<template #modeControl>
|
|
|
<div class="tw-flex">
|
|
|
- <a-dropdown class="header-bg-color">
|
|
|
- <template v-if="!store.setting.forceMode" #overlay>
|
|
|
- <a-menu>
|
|
|
- <a-menu-item key="1" @click="toggleSettingMode">
|
|
|
- {{ exchangeModeName }}
|
|
|
- </a-menu-item>
|
|
|
- </a-menu>
|
|
|
- </template>
|
|
|
- <a-button
|
|
|
+ <!-- <a-dropdown class="header-bg-color"> -->
|
|
|
+
|
|
|
+ <a-button
|
|
|
+ class="header-bg-color"
|
|
|
+ style="
|
|
|
+ color: rgba(255, 255, 255, 0.5);
|
|
|
+ border: none;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../assets/trackmode.png"
|
|
|
style="
|
|
|
- color: rgba(255, 255, 255, 0.5);
|
|
|
- border: none;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ width: 11px;
|
|
|
+ height: 12px;
|
|
|
+ display: inline;
|
|
|
+ margin-right: 2px;
|
|
|
"
|
|
|
- >
|
|
|
- <img
|
|
|
- src="../../assets/trackmode.png"
|
|
|
- style="
|
|
|
- width: 11px;
|
|
|
- height: 12px;
|
|
|
- display: inline;
|
|
|
- margin-right: 2px;
|
|
|
- "
|
|
|
- />
|
|
|
- {{ modeName }}
|
|
|
- <!-- <div
|
|
|
- v-if="!store.setting.forceMode"
|
|
|
- class="dropdown-triangle"
|
|
|
- ></div> -->
|
|
|
- <div class="dropdown-triangle"></div>
|
|
|
- </a-button>
|
|
|
- </a-dropdown>
|
|
|
+ />
|
|
|
+ {{ modeName }}
|
|
|
+ </a-button>
|
|
|
+ <!-- </a-dropdown> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
</CommonMarkHeader>
|
|
@@ -116,4 +106,14 @@ let clearTasks = clearArbitrateTask.bind(
|
|
|
.header-bg-color.ant-btn:hover {
|
|
|
background-color: var(--app-ant-select-bg-override-color) !important;
|
|
|
}
|
|
|
+.header-bg-color.ant-btn:focus {
|
|
|
+ background-color: transparent;
|
|
|
+}
|
|
|
+.dropdown-triangle {
|
|
|
+ background-color: #8c8d9b;
|
|
|
+ width: 7px;
|
|
|
+ height: 5px;
|
|
|
+ clip-path: polygon(0 0, 100% 0, 50% 100%);
|
|
|
+ margin-left: 4px;
|
|
|
+}
|
|
|
</style>
|