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" 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连接')" :title="t('connections.actions.testAllFiltered', '测试全部筛选的SSH连接')"
> >
<i v-if="isTestingAll" class="fas fa-spinner fa-spin 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"></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> <span class="hidden sm:inline">{{ t('connections.actions.testAllFiltered') }}</span>
</button> </button>
<!-- Connect All Filtered Connections Button --> <!-- Connect All Filtered Connections Button -->
@@ -569,8 +569,8 @@ const handleConnectAllFilteredConnections = async () => {
:disabled="isConnectingAll || isLoadingConnections || !filteredAndSortedConnections.some(c => c.type === 'SSH')" :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" 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-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"></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> <span class="hidden sm:inline">{{ t('workspaceConnectionList.connectAllSshInGroupMenu', '连接全部') }}</span>
</button> </button>
</div> </div>
@@ -601,7 +601,7 @@ const handleConnectAllFilteredConnections = async () => {
:disabled="selectedConnectionIdsForBatch.size === 0" :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" 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', '编辑选中') }} {{ t('connections.batchEdit.editSelected', '编辑选中') }}
</button> </button>
<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" 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', '删除选中的连接')" :title="t('connections.batchEdit.deleteSelectedTooltip', '删除选中的连接')"
> >
<i v-if="isDeletingSelectedConnections" class="fas fa-spinner fa-spin 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"></i> <i v-else class="fas fa-trash-alt mr-1.5" style="color: white;"></i>
<span>{{ t('connections.batchEdit.deleteSelectedButton', '删除选中') }}</span> <span>{{ t('connections.batchEdit.deleteSelectedButton', '删除选中') }}</span>
</button> </button>
</div> </div>