This commit is contained in:
Baobhan Sith
2025-04-24 08:11:49 +08:00
parent 8cacd43bf6
commit b151630622
4 changed files with 13 additions and 3 deletions
+3 -1
View File
@@ -248,11 +248,13 @@ const isElementVisibleAndFocusable = (element: HTMLElement): boolean => {
<div id="app-container">
<!-- *** 修改 v-if 条件以使用 isHeaderVisible *** -->
<!-- Header with Tailwind classes using theme variables -->
<header v-if="!isWorkspaceRoute || isHeaderVisible" class="sticky top-0 z-10 flex items-center h-14 px-6 bg-header border-b border-border shadow-sm"> <!-- Use border-b with explicit border-border color -->
<header v-if="!isWorkspaceRoute || isHeaderVisible" class="sticky top-0 z-10 flex items-center h-14 pl-3 pr-6 bg-header border-b border-border shadow-sm"> <!-- 减少左侧内边距 -->
<!-- Nav with Tailwind classes -->
<nav ref="navRef" class="flex items-center justify-between w-full relative"> <!-- Added relative positioning for underline -->
<!-- Left navigation links with Tailwind classes using theme variables -->
<div class="flex items-center space-x-1">
<!-- 项目 Logo -->
<img src="./assets/logo.png" alt="Project Logo" class="h-10 w-auto"> <!-- 移除右侧外边距使其更靠左 -->
<!-- <RouterLink to="/">{{ t('nav.dashboard') }}</RouterLink> --> <!-- 隐藏仪表盘链接 -->
<RouterLink to="/workspace" class="px-3 py-2 rounded-md text-sm font-medium text-secondary hover:text-link-hover hover:bg-nav-active-bg hover:no-underline transition duration-150 ease-in-out whitespace-nowrap" active-class="text-link-active bg-nav-active-bg">{{ t('nav.terminal') }}</RouterLink>
<RouterLink to="/proxies" class="px-3 py-2 rounded-md text-sm font-medium text-secondary hover:text-link-hover hover:bg-nav-active-bg hover:no-underline transition duration-150 ease-in-out whitespace-nowrap" active-class="text-link-active bg-nav-active-bg">{{ t('nav.proxies') }}</RouterLink>
Binary file not shown.

After

Width:  |  Height:  |  Size: 438 KiB

+5 -1
View File
@@ -33,7 +33,11 @@ const handleSubmit = async () => {
<template>
<div class="flex justify-center items-center min-h-[calc(100vh-150px)] p-8 bg-background">
<div class="bg-dialog text-dialog-text p-8 md:p-12 rounded-lg shadow-lg w-full max-w-md">
<div class="bg-background text-foreground p-8 md:p-12 rounded-lg shadow-lg w-full max-w-md border border-border"> <!-- Changed bg-dialog to bg-background, text-dialog-text to text-foreground, added border -->
<!-- Logo -->
<div class="flex justify-center mb-6">
<img src="../assets/logo.png" alt="Project Logo" class="h-20 w-auto"> <!-- 增大 logo 高度 -->
</div>
<h2 class="text-center text-2xl font-semibold mb-6 text-foreground">{{ t('login.title') }}</h2>
<form @submit.prevent="handleSubmit">
<!-- Regular Login Fields -->
+5 -1
View File
@@ -1,6 +1,10 @@
<template>
<div class="flex justify-center items-center min-h-[calc(100vh-150px)] p-8 bg-background">
<div class="bg-dialog text-dialog-text p-8 md:p-12 rounded-lg shadow-lg w-full max-w-md border border-border">
<div class="bg-background text-foreground p-8 md:p-12 rounded-lg shadow-lg w-full max-w-md border border-border"> <!-- Changed bg-dialog to bg-background, text-dialog-text to text-foreground -->
<!-- Logo -->
<div class="flex justify-center mb-6">
<img src="../assets/logo.png" alt="Project Logo" class="h-20 w-auto"> <!-- 增大 logo 高度 -->
</div>
<h2 class="text-center text-2xl font-semibold mb-4 text-foreground">{{ $t('setup.title') }}</h2>
<p class="text-center text-sm text-text-secondary mb-6">
{{ $t('setup.description') }}