feat: initialize Tauri v2 + Vue 3 project
This commit is contained in:
38
src/App.vue
Normal file
38
src/App.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<script setup lang="ts">
|
||||
// Main App component - layout placeholder
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="h-full w-full flex flex-col bg-background">
|
||||
<!-- TitleBar placeholder -->
|
||||
<header class="h-10 flex items-center justify-between px-4 bg-surface border-b border-border" data-tauri-drag-region>
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="text-amber font-semibold">ZeroClock</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<!-- Window controls would go here -->
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- TimerBar placeholder -->
|
||||
<div class="h-16 flex items-center justify-center bg-surface border-b border-border">
|
||||
<span class="text-text-secondary">Timer Bar Placeholder</span>
|
||||
</div>
|
||||
|
||||
<!-- Main content area -->
|
||||
<div class="flex-1 flex overflow-hidden">
|
||||
<!-- Sidebar placeholder -->
|
||||
<aside class="w-16 flex flex-col items-center py-4 bg-surface border-r border-border">
|
||||
<div class="text-text-secondary text-sm">Sidebar</div>
|
||||
</aside>
|
||||
|
||||
<!-- Main content -->
|
||||
<main class="flex-1 p-6 overflow-auto">
|
||||
<router-view />
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
Reference in New Issue
Block a user