30 lines
1.2 KiB
Vue
30 lines
1.2 KiB
Vue
<template>
|
||
<aside class="w-64 h-screen fixed bg-blue-600 text-white">
|
||
<!-- Sidebar Header -->
|
||
<div class="p-4 text-xl font-bold border-b border-gray-700">
|
||
🎓 StudentMS
|
||
</div>
|
||
|
||
<!-- User Info Section (Optional) -->
|
||
<div class="p-4 border-b border-gray-700 text-sm">
|
||
<p class="font-semibold">Welcome, Atul!</p>
|
||
<p class="text-gray-400">Admin</p>
|
||
</div>
|
||
|
||
<!-- Navigation Links -->
|
||
<nav class="flex flex-col p-4 space-y-2">
|
||
<NuxtLink to="/Dashboard" class="p-2 rounded hover:bg-gray-800">🏠 Dashboard</NuxtLink>
|
||
<NuxtLink to="/students" class="p-2 rounded hover:bg-gray-800">🎓 Students</NuxtLink>
|
||
<NuxtLink to="/students/profile?id=1" class="p-2 rounded hover:bg-gray-800">👤 Profile</NuxtLink>
|
||
<NuxtLink to="/students/settings" class="p-2 rounded hover:bg-gray-800">⚙️ Settings</NuxtLink>
|
||
<NuxtLink to="/notifications" class="p-2 rounded hover:bg-gray-800">🔔 Notifications</NuxtLink>
|
||
<NuxtLink to="/about" class="p-2 rounded hover:bg-gray-800">ℹ️ About</NuxtLink>
|
||
</nav>
|
||
|
||
<!-- Footer Section -->
|
||
<div class="p-4 border-t border-gray-700 text-sm mt-auto">
|
||
© 2025 Atul Gunjal
|
||
</div>
|
||
</aside>
|
||
</template>
|