<template>
  <div class="menu-settings">
    <div class="page-header">
      <h1>菜单设置</h1>
      <p>管理系统菜单和权限配置</p>
    </div>
    <div class="content-card">
      <el-empty description="菜单设置功能开发中..." />
    </div>
  </div>
</template>

<script setup lang="ts">
// Menu settings page
</script>

<style scoped lang="scss">
.menu-settings {
  .page-header {
    margin-bottom: 24px;

    h1 {
      font-size: 24px;
      font-weight: 600;
      color: var(--color-text-primary);
      margin-bottom: 8px;
    }

    p {
      font-size: 14px;
      color: var(--color-text-secondary);
    }
  }

  .content-card {
    background: #fff;
    border-radius: var(--radius-lg);
    padding: 32px;
    box-shadow: var(--shadow-sm);
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>