eveal/gemory
2
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

overal cleanup

Browse Source
This commit is contained in:
Sirttas
2023-09-19 10:42:38 +02:00
parent 158914048b
commit 4a0da46f2c
4 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/sidebar/Sidebar.vue
View File

@@ -1,24 +1,20 @@
<script setup lang="ts">
import { RouterLink } from 'vue-router';
const links = [
{ name: "Market", path: "/market" },
{ name: "Reprocess", path: "/reprocess" },
{ name: "Tools", path: "/tools" }
];
</script>
<template>
<aside class="fixed top-0 left-0 z-40 w-64 h-screen transition-transform -translate-x-full sm:translate-x-0">
<div class="h-full px-3 py-4 overflow-y-auto bg-slate-700">
<ul class="space-y-2 font-medium">
<li>
<RouterLink to="/reprocess" class="flex items-center p-2 rounded-md">
<span>Reprocess</span>
</RouterLink>
</li>
<li>
<RouterLink to="/market" class="flex items-center p-2 rounded-md">
<span>Market</span>
</RouterLink>
</li>
<li>
<RouterLink to="/tools" class="flex items-center p-2 rounded-md">
<span>Tools</span>
<li v-for="link in links" :key="link.name">
<RouterLink :to="link.path" class="flex items-center p-2 rounded-md hover:bg-slate-800">
<span>{{ link.name }}</span>
</RouterLink>
</li>
</ul>
@@ -28,6 +24,6 @@ import { RouterLink } from 'vue-router';
<style scoped>
.router-link-active {
@apply bg-emerald-500;
@apply bg-emerald-500 hover:bg-emerald-700;
}
</style>