style: 优化样式

This commit is contained in:
Baobhan Sith
2025-05-17 16:15:45 +08:00
parent 2cf5a4fd35
commit f3e8a1d431
@@ -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>