style: 优化样式
This commit is contained in:
@@ -559,8 +559,8 @@ const handleConnectAllFilteredConnections = async () => {
|
||||
class="h-8 px-3 py-1.5 text-sm bg-button text-button-text rounded-md shadow-sm hover:bg-button-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition duration-150 ease-in-out flex items-center justify-center flex-shrink-0 ml-2 sm:ml-0"
|
||||
:title="t('connections.actions.testAllFiltered', '测试全部筛选的SSH连接')"
|
||||
>
|
||||
<i v-if="isTestingAll" class="fas fa-spinner fa-spin mr-1 sm:mr-2"></i>
|
||||
<i v-else class="fas fa-check-double mr-1 sm:mr-2"></i>
|
||||
<i v-if="isTestingAll" class="fas fa-spinner fa-spin mr-1 sm:mr-2" style="color: white;"></i>
|
||||
<i v-else class="fas fa-check-double mr-1 sm:mr-2" style="color: white;"></i>
|
||||
<span class="hidden sm:inline">{{ t('connections.actions.testAllFiltered') }}</span>
|
||||
</button>
|
||||
<!-- Connect All Filtered Connections Button -->
|
||||
@@ -569,8 +569,8 @@ const handleConnectAllFilteredConnections = async () => {
|
||||
:disabled="isConnectingAll || isLoadingConnections || !filteredAndSortedConnections.some(c => c.type === 'SSH')"
|
||||
class="h-8 px-3 py-1.5 text-sm bg-button text-button-text rounded-md shadow-sm hover:bg-button-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition duration-150 ease-in-out flex items-center justify-center flex-shrink-0 ml-2 sm:ml-0"
|
||||
>
|
||||
<i v-if="isConnectingAll" class="fas fa-spinner fa-spin mr-1 sm:mr-2"></i>
|
||||
<i v-else class="fas fa-network-wired mr-1 sm:mr-2"></i>
|
||||
<i v-if="isConnectingAll" class="fas fa-spinner fa-spin mr-1 sm:mr-2" style="color: white;"></i>
|
||||
<i v-else class="fas fa-network-wired mr-1 sm:mr-2" style="color: white;"></i>
|
||||
<span class="hidden sm:inline">{{ t('workspaceConnectionList.connectAllSshInGroupMenu', '连接全部') }}</span>
|
||||
</button>
|
||||
</div>
|
||||
@@ -601,7 +601,7 @@ const handleConnectAllFilteredConnections = async () => {
|
||||
:disabled="selectedConnectionIdsForBatch.size === 0"
|
||||
class="px-4 py-1.5 text-sm bg-button text-button-text rounded-md shadow-sm hover:bg-button-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition duration-150 ease-in-out disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
>
|
||||
<i class="fas fa-edit mr-1"></i>
|
||||
<i class="fas fa-edit mr-1" style="color: white;"></i>
|
||||
{{ t('connections.batchEdit.editSelected', '编辑选中') }}
|
||||
</button>
|
||||
<button
|
||||
@@ -610,8 +610,8 @@ const handleConnectAllFilteredConnections = async () => {
|
||||
class="px-4 py-1.5 text-sm bg-red-600 text-white rounded-md shadow-sm hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 transition duration-150 ease-in-out disabled:opacity-50 disabled:cursor-not-allowed flex items-center"
|
||||
:title="t('connections.batchEdit.deleteSelectedTooltip', '删除选中的连接')"
|
||||
>
|
||||
<i v-if="isDeletingSelectedConnections" class="fas fa-spinner fa-spin mr-1.5"></i>
|
||||
<i v-else class="fas fa-trash-alt mr-1.5"></i>
|
||||
<i v-if="isDeletingSelectedConnections" class="fas fa-spinner fa-spin mr-1.5" style="color: white;"></i>
|
||||
<i v-else class="fas fa-trash-alt mr-1.5" style="color: white;"></i>
|
||||
<span>{{ t('connections.batchEdit.deleteSelectedButton', '删除选中') }}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user