zammad/app/frontend/apps/desktop/components/layout/LayoutSidebar.vue

<!-- Copyright (C) 2012-2024 Zammad Foundation, https://zammad-foundation.org/ -->

<script setup lang="ts">
import CommonButton from '#desktop/components/CommonButton/CommonButton.vue'
</script>

<template>
  <!-- TODO: use tw styles, don't rely on "style" block! -->
  <div class="p-2 bg-neutral-950 text-neutral-400 flex flex-col h-full">
    <div class="text-lg h-10">Zammad</div>
    <nav class="links h-full">
      <ol>
        <li>Link 1</li>
        <li>Link 2</li>
        <li>Link 3</li>
      </ol>
    </nav>
    <RouterLink to="/logout">
      <CommonButton variant="danger" size="medium" tabindex="-1" block
        >Logout</CommonButton
      >
    </RouterLink>
  </div>
</template>