在nebular开发的ngx-admin中将侧边栏更改为右侧

// 默认左侧侧边栏样式
nb-layout {
  nb-layout-header {
    .main-content {
      margin-left: 256px; // 调整为右侧侧边栏时，改为负值
    }
  }
  nb-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 256px;
    transform: translateX(-100%); // 调整为右侧侧边栏时，改为translateX(100%)
  }
}

<nb-layout>
  <nb-layout-header fixed>
    <!-- 头部内容 -->
  </nb-layout-header>
  <nb-layout-column>
    <nb-sidebar tag="nb-menu" [items]="items"></nb-sidebar>
    <router-outlet></router-outlet>
  </nb-layout-column>
</nb-layout>

// src/app/app.component.ts
import { Component } from '@angular/core';
import { NbMenuService } from '@nebular/theme';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  items = [
    {
      title: 'Dashboard',
      icon: 'nb-home',
      link: '/dashboard'
    },
    // 其他菜单项
  ];

  constructor(private menuService: NbMenuService) {}

  toggleSidebar(): boolean {
    return false;
  }
}