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> <template>
<div class="min-h-screen bg-gray-50 dark:bg-gray-900 flex"> <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"> <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> </div>
<nav class="flex-1 p-4"> <nav class="flex-1 p-4">
<ul class="space-y-2"> <ul class="space-y-2">
<li> <li>
<NuxtLink <NuxtLink
to="/" to="/"
class="flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors" class="flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors"
:class="$route.path === '/' :class="$route.path === '/'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200' ? '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'" : '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" /> <UIcon name="i-heroicons-home" class="mr-3 h-5 w-5" />
@@ -21,11 +23,11 @@
</NuxtLink> </NuxtLink>
</li> </li>
<li> <li>
<NuxtLink <NuxtLink
to="/settings" to="/settings"
class="flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors" class="flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors"
:class="$route.path === '/settings' :class="$route.path === '/settings'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200' ? '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'" : '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" /> <UIcon name="i-heroicons-cog-6-tooth" class="mr-3 h-5 w-5" />
@@ -34,14 +36,14 @@
</li> </li>
</ul> </ul>
</nav> </nav>
<!-- 关于 --> <!-- 关于 -->
<div class="p-4 border-t border-gray-200 dark:border-gray-700"> <div class="p-4 border-t border-gray-200 dark:border-gray-700">
<NuxtLink <NuxtLink
to="/about" to="/about"
class="flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors" class="flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors"
:class="$route.path === '/about' :class="$route.path === '/about'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200' ? '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'" : '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" /> <UIcon name="i-heroicons-information-circle" class="mr-3 h-5 w-5" />
@@ -55,6 +57,6 @@
<div class="p-6"> <div class="p-6">
<slot /> <slot />
</div> </div>
</main> </main>
</div> </div>
</template> </template>

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

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