This commit is contained in:
Baobhan Sith
2025-04-18 00:24:43 +08:00
parent 5e2762036a
commit dfbf891fc0
4 changed files with 7 additions and 15 deletions
+1 -1
View File
@@ -214,7 +214,7 @@ footer {
footer { footer {
background-color: var(--footer-bg-color); /* 使用底部背景色变量 */ background-color: var(--footer-bg-color); /* 使用底部背景色变量 */
padding: calc(var(--base-padding) / 2) var(--base-padding); /* 调整内边距 */ padding: calc(var(--base-padding) / 20) var(--base-padding); /* 调整内边距 */
text-align: center; text-align: center;
font-size: 0.8rem; font-size: 0.8rem;
color: var(--text-color-secondary); /* 使用次要文字颜色变量 */ color: var(--text-color-secondary); /* 使用次要文字颜色变量 */
@@ -205,16 +205,12 @@ const handleDelete = async (conn: ConnectionInfo) => {
</table> </table>
<!-- 如果未标记组为空可以显示提示 --> <!-- 如果未标记组为空可以显示提示 -->
<div v-else-if="groupName === '_untagged_'" class="no-connections-in-group"> <div v-else-if="groupName === '_untagged_'" class="no-connections-in-group">
{{ t('connections.noUntaggedConnections') }} {{ t('connections.noUntaggedConnections') }}
</div> </div>
</div>
<!-- 如果所有分组都为空 props.connections 为空显示整体提示 -->
<div v-if="Object.keys(groupedConnections).length === 0 || (Object.keys(groupedConnections).length === 1 && groupedConnections['_untagged_']?.length === 0)" class="no-connections">
{{ t('connections.noConnections') }}
</div> </div>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
// 在 <script setup> 之外定义需要在模板中调用的方法 // 在 <script setup> 之外定义需要在模板中调用的方法
@@ -20,7 +20,7 @@ const layoutStore = useLayoutStore();
// --- Methods --- // --- Methods ---
const closePane = () => { const closePane = () => {
console.log(`[PaneTitleBar] Requesting to close pane: ${props.paneName}`); console.log(`[PaneTitleBar] Requesting to close pane: ${props.paneName}`);
layoutStore.setPaneVisibility(props.paneName, false); // layoutStore.setPaneVisibility(props.paneName, false);
}; };
</script> </script>
@@ -184,11 +184,7 @@ const handleOpenInNewTab = (connectionId: number) => {
<div v-else-if="connectionsError || tagsError" class="error"> <div v-else-if="connectionsError || tagsError" class="error">
{{ connectionsError || tagsError }} {{ connectionsError || tagsError }}
</div> </div>
<div v-else-if="connections.length === 0" class="no-connections">
{{ t('connections.noConnections') }}
<!-- 保留添加按钮即使列表为空 -->
<!-- <button @click="handleMenuAction('add')">{{ t('connections.addConnection') }}</button> -->
</div>
<!-- 搜索和添加栏 --> <!-- 搜索和添加栏 -->
<div class="search-add-bar"> <div class="search-add-bar">
<input <input