estel/video-tool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整样式

Browse Source
This commit is contained in:
estel
2025-08-16 22:48:24 +08:00
parent ec0010aa93
commit aa2a552820
2 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/layouts/default.vue
View File

@@ -1,19 +1,21 @@
<template>
<div class="min-h-screen bg-gray-50 dark:bg-gray-900 flex">
<!-- 左侧边栏 -->
<aside class="w-64 bg-white dark:bg-gray-800 shadow-sm border-r border-gray-200 dark:border-gray-700 flex flex-col">
<aside class="w-40 bg-white dark:bg-gray-800 shadow-sm border-r border-gray-200 dark:border-gray-700 flex flex-col h-screen">
<div class="p-6 border-b border-gray-200 dark:border-gray-700">
<h1 class="text-xl font-semibold text-gray-900 dark:text-white">视频控制器</h1>
<h1 class="text-xl font-semibold text-gray-900 dark:text-white">
视频控制器
</h1>
</div>
<nav class="flex-1 p-4">
<ul class="space-y-2">
<li>
<NuxtLink
to="/"
<NuxtLink
to="/"
class="flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors"
:class="$route.path === '/'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200'
:class="$route.path === '/'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200'
: 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'"
>
<UIcon name="i-heroicons-home" class="mr-3 h-5 w-5" />
@@ -21,11 +23,11 @@
</NuxtLink>
</li>
<li>
<NuxtLink
to="/settings"
<NuxtLink
to="/settings"
class="flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors"
:class="$route.path === '/settings'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200'
:class="$route.path === '/settings'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200'
: 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'"
>
<UIcon name="i-heroicons-cog-6-tooth" class="mr-3 h-5 w-5" />
@@ -34,14 +36,14 @@
</li>
</ul>
</nav>
<!-- 关于 -->
<div class="p-4 border-t border-gray-200 dark:border-gray-700">
<NuxtLink
to="/about"
<NuxtLink
to="/about"
class="flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors"
:class="$route.path === '/about'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200'
:class="$route.path === '/about'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200'
: 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'"
>
<UIcon name="i-heroicons-information-circle" class="mr-3 h-5 w-5" />
@@ -55,6 +57,6 @@
<div class="p-6">
<slot />
</div>
</main>
</main>
</div>
</template>

10
src-tauri/tauri.conf.json
View File

@@ -38,11 +38,11 @@
"app": {
"windows": [
{
"title": "Nuxtor",
"width": 1366,
"height": 768,
"minWidth": 375,
"minHeight": 812,
"title": "视频控制端demo",
"width": 800,
"height": 600,
"minWidth": 500,
"minHeight": 600,
"resizable": true,
"fullscreen": false
}