studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

hide profil button if user role = client

Browse source
This commit is contained in:
isUnknown 2024-11-21 18:14:34 +01:00
parent 8b560e2684
commit 392640adf3
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/Menu.vue
View file

@ -78,7 +78,7 @@
</nav> </nav>
<footer class="w-full"> <footer class="w-full">
<ul class="flex"> <ul class="flex">
<li data-icon="user"> <li data-icon="user" v-if="user.role !== 'client'">
<router-link to="/profil">Profil</router-link> <router-link to="/profil">Profil</router-link>
</li> </li>
<li data-icon="logout"> <li data-icon="logout">
@ -94,9 +94,11 @@ import { storeToRefs } from "pinia";
import { ref } from "vue"; import { ref } from "vue";
import { useProjectsStore } from "../stores/projects"; import { useProjectsStore } from "../stores/projects";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import { useUserStore } from "../stores/user";
const route = useRoute(); const route = useRoute();
const isExpanded = ref(true); const isExpanded = ref(true);
const { user } = useUserStore();
const { currentProjects, archivedProjects } = storeToRefs(useProjectsStore()); const { currentProjects, archivedProjects } = storeToRefs(useProjectsStore());
const mainItems = [ const mainItems = [
@ -162,7 +164,9 @@ button[aria-controls="menu"][aria-expanded="false"] {
padding: 1.125rem; padding: 1.125rem;
transform: rotate(180deg); transform: rotate(180deg);
} }
button[aria-controls="menu"][aria-expanded="false"] + main > header:not([role="tablist"]) { button[aria-controls="menu"][aria-expanded="false"]
+ main
> header:not([role="tablist"]) {
margin-left: 4rem; margin-left: 4rem;
} }